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

Event Handling

React håndterer events næsten som almindelig JavaScript, men med camelCase-navne og funktioner i stedet for strings. Almindelige events er onClick, onChange, onSubmit og onMouseEnter.

REACT
function Form() {
  function handleClick() {
    alert("Button clicked!");
  }

  function handleChange(event) {
    console.log(event.target.value);
  }

  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <input type="text" onChange={handleChange} />
    </div>
  );
}
🧠

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.