What are some examples of the useEffect hook in React?

What are some examples of the useEffect hook in React?

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

Can you show me a code example of fetching data using useEffect?

Sure! 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 does the empty dependency array mean?

The empty dependency array means that the effect runs only once when the component mounts, similar to componentDidMount in class components.