Event-objekt i React

Inuti funktionen som är bunden till händelsehanteraren är objektet Event tillgängligt:

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