Аб'ект 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 кліку.