Obiectul Event în React

În interiorul funcției, legată de gestionarul de evenimente, este accesibil obiectul Event:

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

Задание 1

Este dat butonul. La click pe el obțineți obiectul Event și afișați-l în consolă.

Задание 2

Este dat butonul. La click pe el afișați în consolă event.target click-ului.