Obiectul Event în React
În interiorul funcției, legată de gestionarul
de evenimente, este accesibil obiectul
Event:
function App() {
function func(event) {
console.log(event); // obiect cu evenimentul
}
return <div>
<button onClick={func}>act</button>
</div>;
}
În variabila event nu ajunge obiectul
nativ Event al browser-ului, ci o
înveliș special cross-browser peste el din
partea React. Acest înveliș se numește SyntheticEvent.
Acest înveliș ajută evenimentele să funcționeze la fel
în toate browserele. Are aceeași interfață,
ca și evenimentul nativ, inclusiv metodele
stopPropagation și preventDefault.
Este dat butonul. La click pe el obțineți obiectul
Event și afișați-l în consolă.
Este dat butonul. La click pe el afișați
în consolă event.target
click-ului.