Tại sao `MouseEvent` trong trình xử lý sự kiện hộp kiểm không chung chung?

Tôi có một phần tử TSX (JSX) hộp kiểm:

<input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} />

Với sự trợ giúp của mã VS, tôi biết rằng loại tham số đầu vào của this.handleCheckboxClicklà MouseEvent<HTMLInputElement>. Vì vậy, tôi đã triển khai nó với:

private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) {
    ...
}

Sau đó, tôi gặp lỗi nói [ts] Type 'MouseEvent' is not generic.Như được hiển thị trong hình ảnh bên dưới:

Phiên bản các gói của tôi:

"@types/react": "^15.0.29",
"@types/react-dom": "^15.5.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"typescript": "^2.3.4",

Tại sao vậy?

Có thể bạn đang sử dụng DOM MouseEvent. Hãy thử sử dụng React.MouseEvent<HTMLInputElement>thay thế.

Để sử dụng React MouseEvent, chỉ cần thêm:

import { MouseEvent } from 'react';

Bạn có thể sử dụng SyntheticEvent thay vì MouseEvent