Tapahtuma-objekti Reactissa
Tapahtumankäsittelijään liitetyn funktion sisällä on saatavilla
Event-objekti:
function App() {
function func(event) {
console.log(event); // tapahtuma-objekti
}
return <div>
<button onClick={func}>toimi</button>
</div>;
}
Muuttujaan event ei päädy selaimen alkuperäinen
Event-objekti, vaan Reactin puolelta tuleva
erityinen cross-browser-kääre sen ympärillä.
Tätä käärettä kutsutaan SyntheticEvent:ksi.
Tämä kääre auttaa tapahtumia toimimaan samalla tavalla
kaikissa selaimissa. Sillä on sama rajapinta
kuin natiivilla tapahtumalla, mukaan lukien metodit
stopPropagation ja preventDefault.
Annettu painike. Klikkaamalla sitä saat objektin
Event ja tulosta se konsoliin.
Annettu painike. Klikkaamalla sitä tulosta
konsoliin event.target
klikistä.
