L'objet Event dans React
À l'intérieur de la fonction liée au gestionnaire
d'événements, l'objet
Event est accessible :
function App() {
function func(event) {
console.log(event); // objet avec l'événement
}
return <div>
<button onClick={func}>act</button>
</div>;
}
La variable event ne reçoit pas l'objet natif
Event du navigateur, mais une enveloppe
spéciale cross-navigateur de celui-ci de la part
de React. Cette enveloppe s'appelle SyntheticEvent.
Cette enveloppe aide les événements à fonctionner de manière identique
dans tous les navigateurs. Elle a la même interface
que l'événement natif, y compris les méthodes
stopPropagation et preventDefault.
Un bouton est donné. Lors d'un clic dessus, obtenez l'objet
Event et affichez-le dans la console.
Un bouton est donné. Lors d'un clic dessus, affichez
dans la console le event.target
du clic.
