Event objekt Reactis

Sündmuste käitlejaga seotud funktsiooni sees on kättesaadav Event objekt:

jsxfunction App() {
  function func(event) {
    console.log(event); // sündmusega objekt
  }
  
  return <div>
    <button onClick={func}>tegev</button>
  </div>;
}

Muutujasse event satub mitte brauseri originaalne Event objekt, vaid spetsiaalne Reacti poole loodud ristbrauseriline wrapper selle ümber. Seda wrapperit nimetatakse SyntheticEvent. See wrapper aitab sündmustel toimida samamoodi kõigis brauserites. Sellel on sama liides nagu native sündmusel, sealhulgas meetodid stopPropagation ja preventDefault.

Задание 1

Antud nupp. Klõpsates sellel saage objekt Event ja kuvage see konsoolis.

Задание 2

Antud nupp. Klõpsates sellel kuvage konsoolis event.target klõpsust.