What are some practical examples of using useEffect in React?

Can you give me some practical examples of using useEffect in React?

Sure! One common example is fetching data from an API when a component mounts. You can use useEffect to call the API and set the data in state.

How would I implement that in code?

Here's a simple example:

import React, { useEffect, useState } from 'react';

const DataFetchingComponent = () => {
    const [data, setData] = useState([]);

    useEffect(() => {
        fetch('https://api.example.com/data')
            .then(response => response.json())
            .then(data => setData(data));
    }, []); // Empty dependency array means it runs once on mount

    return <div>{JSON.stringify(data)}</div>;
};

What if I want to run useEffect when a specific prop changes?

You can add the specific prop to the dependency array. For example:

useEffect(() => {
    // Code to run when 'someProp' changes
}, [someProp]);