เหตุใด "MouseEvent" ในเครื่องจัดการเหตุการณ์ช่องทำเครื่องหมายจึงไม่ใช่แบบทั่วไป

ฉันมีองค์ประกอบช่องทำเครื่องหมาย TSX (JSX):

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

ด้วยความช่วยเหลือของรหัส VS ฉันรู้ว่าประเภทพารามิเตอร์อินพุตของthis.handleCheckboxClickคือMouseEvent<HTMLInputElement>. ดังนั้นฉันจึงใช้มันด้วย:

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

จากนั้นฉันได้รับข้อผิดพลาดแจ้งว่า[ts] Type 'MouseEvent' is not generic.ดังที่แสดงในภาพด้านล่าง:

เวอร์ชันของแพ็คเกจของฉัน:

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

ทำไมถึงเป็นเช่นนั้น?

คุณอาจกำลังใช้ MouseEventDOM ลองใช้React.MouseEvent<HTMLInputElement>แทน

ในการใช้ React MouseEvent ให้แน่ใจว่าได้เพิ่ม:

import { MouseEvent } from 'react';

คุณสามารถใช้ SyntheticEvent แทน MouseEvent ได้