L'oggetto Event in React

All'interno della funzione, associata al gestore di eventi, è accessibile l'oggetto Event:

jsxfunction App() {
  function func(event) {
    console.log(event); // oggetto con l'evento
  }
  
  return <div>
    <button onClick={func}>act</button>
  </div>;
}

Nella variabile event non finisce il nativo oggetto Event del browser, ma una speciale wrapper cross-browser sopra di esso da parte di React. Questo wrapper si chiama SyntheticEvent. Questo wrapper aiuta gli eventi a funzionare in modo uniforme in tutti i browser. Ha la stessa interfaccia, come l'evento nativo, inclusi i metodi stopPropagation e preventDefault.