Event-objektet i React

Inne i funksjonen som er bundet til hendelseshåndtereren er objektet Event tilgjengelig:

jsxfunction App() {
  function func(event) {
    console.log(event); // objekt med hendelse
  }
  
  return <div>
    <button onClick={func}>handling</button>
  </div>;
}

I variabelen event havner det ikke den native Event-objektet fra nettleseren, men en spesiell kryss-nettleser-utpakning over den fra React sin side. Denne utpakningen kalles SyntheticEvent. Denne utpakningen hjelper hendelser med å fungere likt i alle nettlesere. Den har samme grensesnitt, som den native hendelsen, inkludert metoder stopPropagation og preventDefault.