What are Synthetic events in React Js?

SyntheticEvent is a cross-browser wrapper around browser’s native event. In React all of your event handlers will be passed instances of SyntheticEvent.The synthetic event works the same way as the event system of browsers, the only difference is that the same code will work across all browsers.

Below is a simple example of how to listen for a click event in react

import React, { Component } from 'react';
 
class ShowAlert extends Component {
  
  showAlert() {
    alert("Im an alert");
  }
 
  render() {
    return (
      <button onClick={this.showAlert}>show alert </button>
    );
  }
}
 
export default ShowAlert;