Services Projets Apprendre À propos Contact
0/10
Leçon 9 sur 10

Formulaires

Dans React, un input contrôlé garde sa valeur dans le state. Cela rend la validation, les changements et l’envoi plus prévisibles.

Utilisez preventDefault() pour empêcher le navigateur de recharger la page lors de l’envoi.

REACT 
function ContactForm() {
  const [name, setName] = useState("");

  function handleSubmit(e) {
    e.preventDefault();
    alert("Hello, " + name);
  }

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={name}
        onChange={e => setName(e.target.value)}
      />
      <button type="submit">Submit</button>
    </form>
  );
}
🧠

Quiz rapide

Répondez correctement pour débloquer la leçon suivante.

Soutenir la mission

Cette plateforme d’apprentissage est 100% gratuite : sans publicité, sans suivi et sans paywall. Si elle vous a aidé à apprendre quelque chose d’utile, vous pouvez soutenir les futures leçons ou faire un don à Médecins Sans Frontières, qui fournit des soins médicaux d’urgence dans les zones de crise du monde entier.

Offrir un café Soutenir Médecins Sans Frontières
🎉

Vous avez terminé React !

Vous avez terminé 10 leçons et quiz sur React. Vous maîtrisez maintenant les bases.

Retour au centre d’apprentissage Commencer Terminal