Synthetic events in React

Note that an HTML elements events (like click, mouseover etc.) are not part of Javascript. DOM manupulation and event handling API is provided my the JS Engine. Each JS engine (v8, Chakra, Core JS etc).

Therefore, how those events would be handled may differ on differnt browser.

React wraps the DOM API events inside its own event handler function to make them work same across all browsers.

These event functions provided by react are the synthetic events.

Last updated