Quand on parle d’interfaces utilisateur, les formulaires sont incontournables : ils permettent de saisir des données, d’effectuer des recherches, de s’inscrire, de commenter, etc.

Mais en React, la manière de les gérer est un peu différente de ce qu’on connaît en HTML classique.

Car chaque champ de formulaire va devenir un état React, que l’on contrôle nous-même à chaque changement.

Le problème avec le HTML classique

En HTML classique, vous pourriez écrire :

<input type="text" placeholder="Votre nom" />