Pourquoi le `MouseEvent` du gestionnaire d'événements de la case à cocher n'est-il pas générique ?

Question

J'ai un élément checkbox TSX(JSX) :

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

A l'aide du code VS, je sais que le type de paramètre d'entrée de la fonction this.handleCheckboxClick est MouseEvent<HTMLInputElement> . Je l'ai donc mis en œuvre avec :

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

Ensuite, j'obtiens une erreur disant [ts] Type 'MouseEvent' is not generic. Comme le montre l'image ci-dessous :

Version de mes paquets :

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

Pourquoi ça ?

Answer 1

Vous utilisez probablement le DOM MouseEvent . Essayez d'utiliser React.MouseEvent<HTMLInputElement> à la place.

Answer 2

Afin d'utiliser React MouseEvent, assurez-vous simplement d'ajouter :

import { MouseEvent } from 'react';

Answer 3

Vous pouvez utiliser SyntheticEvent au lieu de MouseEvent.