Write a React component that updates the document title with each click and resets to 'React App' when the component unmounts.

Question

What is the outcome of executing the following React code (using Hooks)?

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

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

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

    return () => {
      document.title = 'React App';
    };
  }, [count]);

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

You clicked {count} times

); } ```

Accepted Answer

The document title updates with each click to show the number of clicks and resets to 'React App' when the component unmounts.

Answer

The document title updates only once with the number of clicks and resets to 'React App' when the component unmounts.

Answer

The document title updates with each click to show the number of clicks, but doesn't reset to 'React App' when the component unmounts.

Answer

The document title doesn't update and remains 'React App'.

Question from the React ⚛️ test

Write a React component that updates the document title with each click and resets to 'React App' when the component unmounts.