チェックボックスイベントハンドラーの `MouseEvent`がジェネリックではないのはなぜですか？

チェックボックスTSX（JSX）要素があります：

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

VS codeの助けを借りて、の入力パラメータータイプがであること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';

MouseEventの代わりにSyntheticEventを使用できます