Объект 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
клика.