Das Event-Objekt in React
Innerhalb der Funktion, die an den Event-Handler
gebunden ist, ist das
Event-Objekt verfügbar:
function App() {
function func(event) {
console.log(event); // Objekt mit dem Ereignis
}
return <div>
<button onClick={func}>act</button>
</div>;
}
In die Variable event gelangt nicht das native
Event-Objekt des Browsers, sondern eine spezielle
plattformübergreifende Wrapper-Implementierung
von React. Diese Wrapper wird SyntheticEvent genannt.
Diese Wrapper hilft dabei, dass Ereignisse in allen
Browsern gleich funktionieren. Sie hat die gleiche Schnittstelle
wie das native Ereignis, einschließlich der Methoden
stopPropagation und preventDefault.
Gegeben ist ein Button. Bei Klick darauf soll das
Event-Objekt abgerufen und in der Konsole ausgegeben werden.
Gegeben ist ein Button. Bei Klick darauf soll
event.target
des Klicks in der Konsole ausgegeben werden.
