What are some examples of using the useEffect hook in React?

Can you explain the useEffect hook in React with some examples?

Sure! The useEffect hook lets you perform side effects in function components. For example, you can fetch data when a component mounts.

Can you give me a specific example of fetching data using useEffect?

Absolutely! Here's a simple example:

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

function 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 happens if I add dependencies to the useEffect hook?

If you add dependencies, the useEffect will run every time those dependencies change. For example, if you add a variable to the dependency array, the effect will re-run whenever that variable updates.