Stabilisation d'un formulaire contrôlé

Scénario

Contexte : Une équipe RH utilise un petit formulaire React pour collecter des noms de candidats. Le Problème : Le champ texte ne reflète pas correctement la saisie utilisateur et reste vide malgré les frappes clavier. Contraintes : Vous devez conserver un composant fonctionnel simple avec useState. Pas de librairie tierce. Code actuel : function Form() { const [name, setName] = React.useState(""); return ( <div> <input value={name} onChange={() => setName(name)} /> <p>{name}</p> </div> ); } Livrable attendu : Corriger la gestion de l'événement onChange afin que le champ soit correctement contrôlé et reflète la saisie en temps réel.

Compétences ciblées