How event handling works in React? ReactJS Interview Question

We use React's event system to capture user input, including form submissions and button clicks.
"Refs" allow us to reference DOM elements in our code after the component has been rendered.
Parent components can pass callback functions as props to child components to allow two-way communication.
In order to ensure events have consistent properties across different browsers, React wraps the browser's native events into "synthetic events", consolidating browser behaviors into one API. Synthetic events are a cross-browser wrapper around the browser's native event system.