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
formData
pour 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 !