Das Event-Objekt in React

Innerhalb der Funktion, die an den Event-Handler gebunden ist, ist das Event-Objekt verfügbar:

jsxfunction 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.