useState()

useState est un Hook (fonction spéciale) introduit dans React 16.8.

Il permet d’ajouter un état local réactif à un composant fonctionnel.

• Il renvoie un tableau à 2 éléments :
  [valeurActuelle, fonctionDeMiseAJour]
• L’état est préservé entre les rendus.
• Chaque appel à useState gère un état indépendant.
• Utilisable uniquement dans des composants fonctionnels (pas dans les classes).

Caractéristiques Clés (Ton résumé validé)

Syntaxe de base

const [etat, setEtat] = useState(valeurInitiale);

Exemple

function Compteur() {
  // 1. Déclaration de l'état (valeur initiale = 0)
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Compteur : {count}</p>
      
      {/* 2. Mise à jour de l'état */}
      <button onClick={() => setCount(count + 1)}>
        +1
      </button>
    </div>
  );
}