Services Projekter Lær Om mig Kontakt
0/10
Lektion 9 af 10

Forms i React

I React er form inputs controlled components: React styrer deres værdier gennem state. Brug onChange til at opdatere state og value til at vise den. Håndtér submit med onSubmit.

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>
  );
}
🧠

Kort quiz

Svar rigtigt for at låse næste lektion op.

Støt missionen

Denne læringsplatform er 100% gratis: ingen annoncer, ingen sporing og ingen betalingsmur. Hvis den har hjulpet dig med at lære noget nyttigt, kan du støtte fremtidige lektioner eller donere til Læger uden Grænser, som yder akut lægehjælp i kriseområder verden over.

🎉

Du har gennemført React!

Du har gennemført 10 lektioner og quizzer i React. Nu har du styr på det grundlæggende.