How can I handle async operations in useEffect?

How can I handle async operations in useEffect?

You can handle async operations in useEffect by defining an async function inside the effect and calling it.

Can you show me an example of that?

Sure! Here's a simple example:

useEffect(() => {
  const fetchData = async () => {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    setData(data);
  };
  fetchData();
}, []);

What if I need to clean up after the async operation?

You can return a cleanup function from useEffect. Just ensure that any state updates are done safely.

Thanks! Is there a way to handle errors in this async operation?

Yes, you can use a try-catch block inside your async function to handle errors gracefully.