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



Чат с GPT Компилятор