# Объект Event в React

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

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

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

Дана кнопка. По клику на нее получите объект `Event` и выведите его в консоль.

Дана кнопка. По клику на нее получите выведите в консоль `event.target` клика.

← →
↑