How do you handle events in React?

Event handling in React is a key aspect of building interactive applications. React provides a synthetic event system that wraps the native events to ensure consistent behavior across different browsers.

Here’s how to handle events:

1. Define the Event Handler: Create a function that will handle the event.
2. Attach the Handler: Use JSX syntax to attach the event handler to an element.
3. Bind 'this': If using class components, bind the handler to ensure correct context.

Example:

class MyButton extends React.Component { handleClick() { alert('Button clicked!'); } render() { return <button onClick={this.handleClick.bind(this)}>Click Me</button>; } }