Dlaczego „MouseEvent” w programie obsługi zdarzeń pola wyboru nie jest ogólne?

Mam element checkbox TSX (JSX):

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

Z pomocą kodu VS wiem, że typ parametru wejściowego this.handleCheckboxClickto MouseEvent<HTMLInputElement>. Więc zaimplementowałem to z:

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

Następnie [ts] Type 'MouseEvent' is not generic.pojawia się błąd mówiący, jak pokazano na poniższym obrazku:

Wersja moich pakietów:

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

Dlaczego?

Prawdopodobnie używasz DOM MouseEvent. Spróbuj użyć React.MouseEvent<HTMLInputElement>zamiast tego.

Aby skorzystać z React MouseEvent, po prostu dodaj:

import { MouseEvent } from 'react';

Możesz użyć SyntheticEvent zamiast MouseEvent