Объект Event в React

Внутри функции, привязанной к обработчику событий, доступен объект Event:

jsxfunction App() {
  function func(event) {
    console.log(event); // объект с событием
  }
  
  return <div>
    <button onClick={func}>act</button>
  </div>;
}

В переменную event попадает не родной объект Event браузера, а специальная кроссбраузерная обертка над ним со стороны React. Эта обертка называется SyntheticEvent. Эта обертка помогает событиям работать одинаково во всех браузерах. У нее такой же интерфейс, как и у нативного события, включая методы stopPropagation и preventDefault.