useState

React 🟢 Junior

Définition

Hook qui ajoute un état local a un composant fonctionnel. Retourne la valeur courante et une fonction pour la mettre a jour.

Analogie

Comme un post-it sur le frigo : tu lis la valeur et tu la remplaces quand elle change.

Exemple de code

const [name, setName] = useState('');

// Mise a jour fonctionnelle (recommandee)
setCount(prev => prev + 1);

// Initialisation couteuse avec lazy init
const [data, setData] = useState(() => expensiveCalc());

Cas d'usage

Tout état local simple : champs de formulaire, toggles, compteurs, données UI.

Anti-pattern

Appeler le setter dans le corps du composant sans condition, causant une boucle infinie de re-rendus.
#hooks#interview#fundamentals

← → au clavier pour passer d'une fiche à l'autre