Hooks personnalisés

Un hook personnalisé est une fonction dont le nom commence par use et qui appelle d'autres hooks pour réutiliser une logique avec état entre composants. Chaque appel crée son propre état. Il suit les règles des hooks : appel au niveau supérieur, jamais dans une condition ni une boucle.

Exemple

function useToggle(init = false) {
  const [on, setOn] = useState(init);
  return [on, () => setOn(v => !v)];
}

Notions voisines

Tout le glossaire