Tapahtuma-objekti Reactissa

Tapahtumankäsittelijään liitetyn funktion sisällä on saatavilla Event-objekti:

jsxfunction 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.