Objekt Event v Reacte
Vo funkcii priradenej k obsluhe udalosti
je dostupný objekt
Event:
jsxfunction App() {
function func(event) {
console.log(event); // objekt s udalosťou
}
return <div>
<button onClick={func}>konať</button>
</div>;
}
Do premennej event nepríde natívny
objekt Event prehliadača, ale špeciálny
krospreiadazový obal nad ním zo strany
Reactu. Tento obal sa nazýva SyntheticEvent.
Tento obal pomáha udalostiam fungovať rovnako
vo všetkých prehliadačoch. Má rovnaké rozhranie,
ako natívna udalosť, vrátane metód
stopPropagation a preventDefault.
Задание 1
Dané tlačidlo. Po kliknutí naň získajte objekt
Event a vypíšte ho do konzoly.
Задание 2
Dané tlačidlo. Po kliknutí naň vypíšte
do konzoly event.target
kliku.