Mengapa `MouseEvent` di penangan kejadian kotak centang tidak generik?

92

Saya memiliki elemen kotak centang TSX (JSX):

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

Dengan bantuan kode VS saya tahu bahwa jenis parameter input this.handleCheckboxClickadalah MouseEvent<HTMLInputElement>. Jadi saya menerapkannya dengan:

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

Kemudian saya mendapatkan kesalahan yang mengatakan [ts] Type 'MouseEvent' is not generic.Seperti yang ditunjukkan pada gambar di bawah ini:

Versi paket saya:

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

Mengapa demikian?

— Ben
sumber

249

Anda mungkin menggunakan DOM MouseEvent. Coba gunakan React.MouseEvent<HTMLInputElement>sebagai gantinya.

— rossipedia
sumber

2

Tidak bekerja untuk saya, saya mendapatkan:

type: "checkbox" onChange: (e: MouseEvent<HTMLInputElement>) => void; defaultChec...' is not assignable to type 'InputHTMLAttributes<HTMLInputElement>'

— Kokodoko

@Kokok, apakah kamu pernah memperbaiki ini?

— SuperUberDuper

6

Untuk menggunakan React MouseEvent, pastikan untuk menambahkan:

import { MouseEvent } from 'react';

Luaskan cuplikan

— Guy Engel
sumber

3

Anda dapat menggunakan SyntheticEvent sebagai ganti MouseEvent

— Sras
sumber