1. ホーム
  2. reactjs

[解決済み] チェックボックスイベントハンドラの `MouseEvent` はなぜ一般的ではないのですか?

2022-06-23 09:05:18

質問

チェックボックスのTSX(JSX)要素を持っています。

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

VSのコードで、入力パラメータの型が this.handleCheckboxClickMouseEvent<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> を使ってみてください。