Chapitre 6 : Forms
1. Composants contrôlés
Dans React, la pratique recommandée est de lier la valeur des champs de formulaire au state du composant.
2. Exemple d'input contrôlé
const [nom, setNom] = useState('');
return (
<input
type="text"
value={nom}
onChange={(e) => setNom(e.target.value)}
/>
);
3. Soumission du formulaire
Utilisez onSubmit sur la balise form et n'oubliez pas e.preventDefault() pour éviter le rechargement de la page.
4. Section Quiz
Testez vos connaissances sur les formulaires React.
Exercice
Créez un formulaire avec un champ texte et affichez en direct ce que l'utilisateur tape juste en dessous.
Quiz du chapitre 6
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les bases : Gestion des Formulaires
Atelier #1Expliquez avec vos mots le concept principal de ce chapitre, puis illustrez-le par un exemple simple.
Consulter la solution type du formateur
#2 — Application guidée
Atelier #2Réalisez un exercice pratique en reprenant la structure vue dans le cours et en modifiant au moins 2 paramètres.
Consulter la solution type du formateur
#3 — Mini défi
Atelier #3Concevez une petite solution personnelle liée à 'Gestion des Formulaires' et justifiez vos choix techniques.