To create an event in React, attach an event handler, such as onClick or onChange, to a JSX element. Define the handler function to define logic what happens when the event is triggered, such as updating state or running logic.

 

function Component() {
   eventHandler(e);
   {
       e.preventDefault();
       // your custom logic
   }
   return <button onClick={eventHandler}></button>;
}