Onay kutusu olay işleyicisindeki "MouseEvent" neden genel değil?

92

Onay kutusu TSX (JSX) öğem var:

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

VS kod yardımıyla ben giriş parametresi türü olduğunu biliyoruz this.handleCheckboxClickolduğunu MouseEvent<HTMLInputElement>. Ben de bunu şu şekilde uyguladım:

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

Ardından [ts] Type 'MouseEvent' is not generic.aşağıdaki resimde gösterildiği gibi bir hata alıyorum :

Paketlerimin versiyonu:

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

Neden?

— Ben
kaynak

248

Muhtemelen DOM kullanıyorsunuz MouseEvent. Onun React.MouseEvent<HTMLInputElement>yerine kullanmayı deneyin .

— Rossipedia
kaynak

2

Benim için çalışmıyor, anlıyorum:

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

— Kokodoko

@Kokodoko bunu hiç düzelttin mi?

— SuperUberDuper

6

React MouseEvent'i kullanmak için şunları eklediğinizden emin olun:

import { MouseEvent } from 'react';

Snippet'i genişlet

— Guy Engel
kaynak

3

MouseEvent yerine SyntheticEvent kullanabilirsiniz

— Sras
kaynak