Obiekt Event w React
Wewnątrz funkcji powiązanej z procedurą obsługi
zdarzeń, dostępny jest obiekt
Event:
function App() {
function func(event) {
console.log(event); // obiekt ze zdarzeniem
}
return <div>
<button onClick={func}>act</button>
</div>;
}
Do zmiennej event trafia nie natywny
obiekt Event przeglądarki, a specjalna
międzyprzeglądarkowa nakładka nad nim ze strony
React. Ta nakładka nazywa się SyntheticEvent.
Ta nakładka pomaga zdarzeniom działać jednakowo
we wszystkich przeglądarkach. Ma ten sam interfejs,
co natywne zdarzenie, w tym metody
stopPropagation i preventDefault.
Dany jest przycisk. Po kliknięciu na niego uzyskaj obiekt
Event i wyświetl go w konsoli.
Dany jest przycisk. Po kliknięciu na niego wyświetl
w konsoli event.target
kliknięcia.
