Débogage d'un formulaire multi-champs mal synchronisé
Scénario
Contexte : Vous reprenez un formulaire React utilisé pour créer des profils utilisateurs dans un back-office. Le Problème : Les champs semblent écraser les valeurs précédentes lors de la saisie, rendant les données incohérentes. Contraintes : Vous devez conserver un seul state global pour le formulaire. Aucune librairie externe. Code actuel : function ProfileForm() { const [form, setForm] = React.useState({ name: "", email: "" }); const handleChange = (e) => { setForm({ [e.target.name]: e.target.value }); }; return ( <form> <input name="name" onChange={handleChange} /> <input name="email" onChange={handleChange} /> </form> ); } Livrable attendu : Corriger la gestion du state afin que chaque champ mette à jour uniquement sa propre valeur sans supprimer les autres.