React
Avancé
Débogage d'un formulaire multi-champs mal synchronisé

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

react
formulaire
usestate
state

Scénario Technique

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.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    React - Débogage d'un formulaire multi-champs mal synchronisé | Test Technique & Recrutement