Event-objektet i React

Inde i funktionen, der er bundet til event-holderen, er objektet Event tilgængeligt:

jsxfunction App() {
  function func(event) {
    console.log(event); // objekt med event
  }
  
  return <div>
    <button onClick={func}>handling</button>
  </div>;
}

I variablen event er det ikke browserens native Event-objekt, der kommer, men en speciel cross-browser wrapper over det fra Reacts side. Denne wrapper kaldes SyntheticEvent. Denne wrapper hjælper events med at fungere ens i alle browsere. Den har det samme interface, som det native event, inklusive metoderne stopPropagation og preventDefault.

Задание 1

Der gives en knap. Ved klik på den, skal du få objektet Event og udskrive det i konsollen.

Задание 2

Der gives en knap. Ved klik på den, skal du udskrive i konsollen event.target for klikket.