useFormStatus

Définition

Hook qui donne l'état de soumission du formulaire parent (pending, data, method, action). Doit être utilise dans un composant enfant du <form>.

Analogie

Comme un indicateur lumineux sur une machine a café : il te dit si elle est en train de préparer (pending) ou prête.

Exemple de code

function SubmitButton() {
  const { pending } = useFormStatus();
  return (
    <button disabled={pending}>
      {pending ? 'Envoi...' : 'Envoyer'}
    </button>
  );
}

Cas d'usage

Désactiver le bouton submit et afficher un spinner pendant la soumission d'un formulaire avec Server Actions.

Anti-pattern

Termes liés