Qu'est-ce que l'état du composant?

L'état d'un composant est un ensemble de données qui déterminent son comportement et son affichage actuels dans l'interface utilisateur. Par exemple, dans React, l'état est stocké à l'intérieur du composant et peut changer au fil du temps, provoquant une re-rendu pour mettre à jour l'UI.

Exemple : un compteur qui augmente lorsqu'on clique dessus, stocke sa valeur actuelle dans l'état.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Compteur : {count}</p>
      <button onClick={() => setCount(count + 1)}>Augmenter</button>
    </div>
  );
}

Ainsi, l'état permet au composant d'être interactif et de réagir dynamiquement aux actions de l'utilisateur ou à d'autres événements.