Đối tượng Event trong React

Bên trong hàm được liên kết với trình xử lý sự kiện, có thể truy cập đối tượng Event:

jsxfunction App() {
  function func(event) {
    console.log(event); // đối tượng chứa sự kiện
  }
  
  return <div>
    <button onClick={func}>hành động</button>
  </div>;
}

Biến event nhận được không phải là đối tượng Event gốc của trình duyệt, mà là một lớp bọc đa trình duyệt đặc biệt từ phía React. Lớp bọc này được gọi là SyntheticEvent. Nó giúp các sự kiện hoạt động giống nhau trên mọi trình duyệt. Nó có giao diện giống hệt như sự kiện gốc, bao gồm các phương thức stopPropagation và preventDefault.