React-daky Event objekti

Hadysalaryň işleýjisine baglanan funksiýanyň içinde, Event objekti elýeterlidir:

jsxfunction App() {
  function func(event) {
    console.log(event); // hadysa bilen objekt
  }
  
  return <div>
    <button onClick={func}>hereket</button>
  </div>;
}

event üýtgeýjisine brauzeriň asyl Event objekti däl-de, React tarapyndan döredilen ýörite çar kölgelýän onuň gaplaýjysy düşýär. Bu gaplaýja SyntheticEvent diýilýär. Bu gaplaýja hadysalaryň ähli brauzerlarda deň işlemegine kömek edýär. Onuň interfeýsi asyl hadysanyňky ýalydyr, stopPropagation we preventDefault metodlary bilen bilelikde.

Задание 1

Bir düwme berlen. Oňa basmak bilen Event objekti alyň we ony konsolde görkeziň.

Задание 2

Bir düwme berlen. Oňa basmak bilen konsolde basygyň event.target ýerini görkeziň.