L'objet Event dans React

À l'intérieur de la fonction liée au gestionnaire d'événements, l'objet Event est accessible :

jsxfunction 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.

Задание 1

Un bouton est donné. Lors d'un clic dessus, obtenez l'objet Event et affichez-le dans la console.

Задание 2

Un bouton est donné. Lors d'un clic dessus, affichez dans la console le event.target du clic.