Đố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:
function 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.
Cho một nút bấm. Khi nhấp vào nó, hãy nhận đối tượng
Event và in nó ra console.
Cho một nút bấm. Khi nhấp vào nó, hãy in ra
console event.target
của lần nhấp.
