Объект Event в React

В прошлой статье "События в React" был разобран механизм добавления событий. В это статье продолжим тему, разобрав объект под названием "event", который содержит данные о событии.

Приведём простейший пример для вывода данных о событии в консоль:

function App() {
   function printEvent(event){
      console.log(event);
   }

   return <div>
      <button onClick={printEvent}>Получить информацию</button>
   </div>;
}

На странице приложения с таким кодом будет кнопка с надписью "Получить информацию". Если кликнуть на неё, то в консоли браузера будет распечатан объект "event". Если в функцию передаётся параметр, то объект "event" не будет передаваться автоматически. Для его передачи нужно вызвать функцию через стрелочную. Чтобы получилось так:

function App() {
   function printParams(param, event){
      console.log(param);
      console.log(event);
   }

   return <div>
      <button onClick={event => printParams('Сыр!', event)}>
         Получить информацию
      </button>
   </div>;
}