Het Event Object in React
Binnen de functie die is gekoppeld aan de event handler
is het object
Event beschikbaar:
function App() {
function func(event) {
console.log(event); // object met het event
}
return <div>
<button onClick={func}>act</button>
</div>;
}
In de variabele event komt niet het native
Event object van de browser terecht, maar een speciale
cross-browser wrapper ervan van React. Deze wrapper heet SyntheticEvent.
Deze wrapper zorgt ervoor dat events hetzelfde werken
in alle browsers. Het heeft dezelfde interface
als het native event, inclusief de methodes
stopPropagation en preventDefault.
Er is een knop gegeven. Klik erop om het object
Event te verkrijgen en toon het in de console.
Er is een knop gegeven. Klik erop en toon
in de console event.target
van de klik.
