为什么复选框事件处理程序中的`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",

这是为什么？

您可能正在使用DOM MouseEvent。尝试React.MouseEvent<HTMLInputElement>改为使用。

为了使用React MouseEvent，只需确保添加：

import { MouseEvent } from 'react';

您可以使用SyntheticEvent代替MouseEvent