Event-objekt i React
Inuti funktionen som är bunden till händelsehanteraren
är objektet
Event tillgängligt:
function App() {
function func(event) {
console.log(event); // objekt med händelsen
}
return <div>
<button onClick={func}>act</button>
</div>;
}
I variabeln event hamnar inte webbläsarens ursprungliga
Event-objekt, utan en speciell
webbläsaroberoende omslutning kring det från React.
Denna omslutning kallas SyntheticEvent.
Denna omslutning hjälper händelser att fungera likadant
i alla webbläsare. Den har samma gränssnitt
som den inhemska händelsen, inklusive metoder
stopPropagation och preventDefault.
En knapp är given. Vid klick på den, få objektet
Event och skriv ut det i konsolen.
En knapp är given. Vid klick på den, skriv ut
event.target
för klicket i konsolen.