What are some examples of using useEffect in React?

Can you explain what useEffect is in React?

Sure! useEffect is a Hook that 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.

Can you give me an example of how to use useEffect?

Absolutely! Here's a simple example:

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

function Example() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  });

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

What happens if I provide an empty array as a second argument to useEffect?

If you provide an empty array, the effect will only run once after the initial render, similar to componentDidMount in class components.

Can I use multiple useEffect hooks in a single component?

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