L'oggetto Event in React
All'interno della funzione, associata al gestore
di eventi, è accessibile l'oggetto
Event:
function App() {
function func(event) {
console.log(event); // oggetto con l'evento
}
return <div>
<button onClick={func}>act</button>
</div>;
}
Nella variabile event non finisce il nativo
oggetto Event del browser, ma una speciale
wrapper cross-browser sopra di esso da parte
di React. Questo wrapper si chiama SyntheticEvent.
Questo wrapper aiuta gli eventi a funzionare in modo uniforme
in tutti i browser. Ha la stessa interfaccia,
come l'evento nativo, inclusi i metodi
stopPropagation e preventDefault.
Dato un pulsante. Al click su di esso ottieni l'oggetto
Event e visualizzalo nella console.
Dato un pulsante. Al click su di esso visualizza
nella console event.target
del click.
