Event-objektet i React
Inne i funksjonen som er bundet til hendelseshåndtereren
er objektet
Event tilgjengelig:
function App() {
function func(event) {
console.log(event); // objekt med hendelse
}
return <div>
<button onClick={func}>handling</button>
</div>;
}
I variabelen event havner det ikke den native
Event-objektet fra nettleseren, men en spesiell
kryss-nettleser-utpakning over den fra React
sin side. Denne utpakningen kalles SyntheticEvent.
Denne utpakningen hjelper hendelser med å fungere likt
i alle nettlesere. Den har samme grensesnitt,
som den native hendelsen, inkludert metoder
stopPropagation og preventDefault.
Det gis en knapp. Ved klikk på den, skaff deg objektet
Event og skriv det ut til konsollen.
Det gis en knapp. Ved klikk på den, skriv ut
event.target
for klikket til konsollen.
