How do I handle events in class components?

How do I handle events in class components?

In React class components, you can handle events by defining methods and binding them to the component's context.

Can you show me an example of handling a button click?

Sure! You can create a method like handleClick and bind it in the constructor. Here's a simple example:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    alert('Button clicked!');
  }

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }
}

What if I want to pass parameters to the event handler?

You can use an arrow function in the onClick handler to pass parameters. For example:

<button onClick={() => this.handleClick(param)}>Click me</button>