Objekt Event v React
Uvnitř funkce, připojené k obsluze
událostí, je dostupný objekt
Event:
function App() {
function func(event) {
console.log(event); // objekt s událostí
}
return <div>
<button onClick={func}>act</button>
</div>;
}
Do proměnné event se nedostane nativní
objekt Event prohlížeče, ale speciální
křížově prohlížečová obálka nad ním ze strany
React. Tato obálka se nazývá SyntheticEvent.
Tato obálka pomáhá událostem fungovat stejně
ve všech prohlížečích. Má stejné rozhraní,
jako nativní událost, včetně metod
stopPropagation a preventDefault.
Je dáno tlačítko. Po kliknutí na něj získejte objekt
Event a vypište ho do konzole.
Je dáno tlačítko. Po kliknutí na něj vypište
do konzole event.target
kliku.