Écrire un composant React qui met à jour le titre du document à chaque clic et le réinitialise à 'React App' lorsque le composant se démonte.

Question

Quel est le résultat de l'exécution du code suivant en React (avec les Hooks) ?

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

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

  useEffect(() => {
    document.title = `Vous avez cliqué ${count} fois`;

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

  return (
    <div>
      <p>Vous avez cliqué {count} fois</p>
      <button onClick={() => setCount(count + 1)}>
        Cliquez ici
      </button>
    </div>
  );
}

Vous avez cliqué {count} fois

); } ```

Accepted Answer

Le titre du document est mis à jour à chaque clic avec le nombre de clics et remis à 'React App' lors du démontage du composant.

Answer

Le titre du document est mis à jour une seule fois avec le nombre de clics et remis à 'React App' lors du démontage du composant.

Answer

Le titre du document est mis à jour à chaque clic avec le nombre de clics, mais n'est pas remis à 'React App' lors du démontage du composant.

Answer

Le titre du document n'est pas mis à jour et reste 'React App'.

Question du test React ⚛️

Écrire un composant React qui met à jour le titre du document à chaque clic et le réinitialise à 'React App' lorsque le composant se démonte.