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