Gérer l'état des inputs dans React
10 min
1 exercice
Niveau 6
1. Créer un formulaire pour enregistrer un utilisateur
- Créez un fichier
UserForm.js. - Ce composant doit inclure :
- Trois champs
<input>:name,email, etpassword. - Un état
formDatapour stocker les valeurs du formulaire.
- Trois champs
- Affichez les données du formulaire dans une section
<p>en temps réel lorsque l'utilisateur saisit les données.
2. Ajouter un champ dynamique au formulaire
- Ajoutez un bouton "Ajouter un champ" dans le composant
UserForm. - Lorsque ce bouton est cliqué, un nouveau champ
<input>est ajouté avec une clé unique (par exemple :field1,field2). - Le champ doit être synchronisé avec l'état
formData, et toutes les données du formulaire doivent être affichées dans une section<p>.
Rendu attendu

Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !