State

React 🟢 Junior

Données internes et mutables d'un composant. Quand le state change, React re-rend le composant pour refléter la nouvelle valeur.

Comme le score dans un jeu vidéo : il change au fil du temps et l'affichage se met a jour automatiquement.

const [count, setCount] = useState(0);
return (
  <button onClick={() => setCount(c => c + 1)}>
    Clics: {count}
  </button>
);

Stocker des données dynamiques propres a un composant (formulaires, toggles, compteurs).

Muter le state directement (state.push()) au lieu d'utiliser le setter avec une nouvelle référence.

#core#interview#fundamentals

Explique-moi ce qu'est le state en React.
Ce sont les données internes et mutables d'un composant : quand le state change, React re-rend le composant pour refléter la nouvelle valeur. On l'utilise pour stocker des données dynamiques propres à un composant comme un formulaire ou un compteur.
Quel anti-pattern voit-on souvent avec le state ?
Muter le state directement, par exemple avec state.push(), au lieu d'utiliser le setter avec une nouvelle référence. React ne détecte pas le changement car la référence de l'objet reste identique.

Fiche mise à jour le 2026-09-27