Event handling trong JSX khác gì so với HTML thông thường?

Event handling trong React/JSX có 3 điểm khác biệt chính so với HTML DOM:

1. Quy tắc đặt tên: Tên sự kiện dùng camelCase thay vì lowercase.
- HTML: onclick="handleClick()"
- React: onClick={handleClick}

2. Truyền giá trị: JSX truyền một function reference (hàm), không phải là một chuỗi (string).
- ❌ onClick="handleClick()"
- ✅ onClick={handleClick} (Lưu ý: Không có cặp ngoặc () ở cuối, nếu có sẽ chạy ngay lúc render).

3. Ngăn chặn hành vi mặc định: Bạn không thể return false để ngăn hành vi mặc định (như submit form). Bạn bắt buộc phải gọi e.preventDefault() một cách rõ ràng trong handler.

(Đằng sau hậu trường, React gộp các Native Events thành Synthetic Events để đảm bảo hoạt động đồng nhất trên mọi trình duyệt và tối ưu hóa hiệu suất thông qua Event Delegation).