我有一个复选框TSX(JSX)元素:

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

在VS代码的帮助下,我知道this.handleCheckboxClick的输入参数类型是MouseEvent<HTMLInputElement>.所以我用以下方法实现了它:

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

然后我得到一个错误,说[ts] Type 'MouseEvent' is not generic.,如下图所示:

enter image description here

我的软件包版本:

"@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>代替.

Typescript相关问答推荐

调用另一个函数的函数的Typescript类型,参数相同

具有映射返回类型的通用设置实用程序

React router 6.22.3不只是在生产模式下显示,为什么?

为什么typescript不能推断类的方法返回类型为泛型''

在使用Typescribe时,是否有一种方法可以推断映射类型的键?

如何使用一个字段输入对象,其中每个键只能是数组中对象的id属性,而数组是另一个字段?

部分类型化非 struct 化对象参数

如何判断对象是否有重叠的叶子并产生有用的错误消息

在函数中打字推断记录的关键字

从对象类型描述生成类型

保护函数调用,以便深度嵌套的对象具有必须与同级属性函数cargument的类型匹配的键

Angular 自定义验证控件未获得表单值

是否有可能避免此泛型函数体中的类型断言?

打字脚本中的模块化或命名空间

将超类型断言为类型脚本中的泛型参数

类型实例化过深,可能是无限的&TypeScrip中的TupleUnion错误

Rxjs将省略的可观测对象合并到一个数组中

为什么类型脚本使用接口来声明函数?他的目的是什么.

Karma Angular Unit测试如何创建未解析的promise并在单个测试中解决它,以判断当时的代码是否只在解决后运行

带动态键的 TS 功能