How does useEffect work in React?

Can you explain how the useEffect hook works in React?

Sure! The useEffect hook lets you perform side effects in function components. It runs after the render and can be used for data fetching, subscriptions, or manually changing the DOM.

What are side effects in this context?

Side effects are operations that can affect other components or the outside world, like fetching data, timers, or directly manipulating the DOM.

How do I use useEffect to fetch data?

You can use useEffect like this: useEffect(() => { fetchData(); }, []); The empty array means it runs once after the initial render.

Can I have multiple useEffect hooks in one component?

Yes, you can have multiple useEffect hooks in a single component. Each can handle different side effects independently.