Обект Event в React

Вътре във функцията, свързана с манипулатора на събития, е достъпен обектът Event:

jsxfunction App() {
  function func(event) {
    console.log(event); // обект със събитие
  }
  
  return <div>
    <button onClick={func}>act</button>
  </div>;
}

В променливата event не попада родният обект Event на браузъра, а специална кръстосана браузърна обвивка над него от страна на React. Тази обвивка се нарича SyntheticEvent. Тази обвивка помага на събитията да работят еднакво във всички браузъри. Тя има същия интерфейс, като нативното събитие, включително методите stopPropagation и preventDefault.

Задание 1

Даден е бутон. При кликване върху него получете обекта Event и го изведете в конзолата.

Задание 2

Даден е бутон. При кликване върху него изведете в конзолата event.target на кликването.