Die Event-voorwerp in React
Binne die funksie wat aan die gebeurtemisbestuurder
gekoppel is, is die voorwerp
Event beskikbaar:
function 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.
Daar is 'n knoppie. Met 'n klik daarop, kry die voorwerp
Event en vertoon dit in die konsole.
Daar is 'n knoppie. Met 'n klik daarop, vertoon
in die konsole die event.target
van die klik.