Die Event-voorwerp in React

Binne die funksie wat aan die gebeurtemisbestuurder gekoppel is, is die voorwerp Event beskikbaar:

jsxfunction App() {
  function func(event) {
    console.log(event); // voorwerp met die gebeurtenis
  }
  
  return <div>
    <button onClick={func}>aksie</button>
  </div>;
}

In die veranderlike event beland nie die oorspronklike browser se Event-voorwerp nie, maar 'n spesiale kruisbrowser-omslag daaroor vanaf React se kant. Hierdie omslag word SyntheticEvent genoem. Hierdie omslag help om gebeurtenisse op dieselfde manier in alle blaaiers te laat werk. Dit het dieselfde koppelvlak as die inheemse gebeurtenis, insluitend die metodes stopPropagation en preventDefault.

Задание 1

Daar is 'n knoppie. Met 'n klik daarop, kry die voorwerp Event en vertoon dit in die konsole.

Задание 2

Daar is 'n knoppie. Met 'n klik daarop, vertoon in die konsole die event.target van die klik.