Làm thế nào để truyền một parameter vào một event handler hoặc callback?

Để truyền một parameter vào một event handler hoặc callback trong React, bạn có thể sử dụng một arrow function hoặc function bên trong JSX. Điều này cho phép bạn gửi thêm dữ liệu vào hàm xử lý sự kiện khi nó được gọi.

Sử dụng Arrow Function

Bạn có thể truyền parameter trực tiếp vào một arrow function bên trong JSX:

<button onClick={(e) => this.handleClick(e, parameter)}>Click me</button>

Trong ví dụ trên, handleClick là hàm xử lý sự kiện, e là đối tượng sự kiện, và parameter là dữ liệu bạn muốn truyền vào hàm.

Sử dụng Function Binding

Nếu bạn đang sử dụng một class component, bạn có thể bind hàm xử lý sự kiện trong constructor và truyền parameter:

constructor(props) {
  super(props);
  this.handleClick = this.handleClick.bind(this);
}

handleClick(parameter, e) {
  // Xử lý sự kiện ở đây
}

render() {
  return ...