错误TS2339:类型'HTMLProps <HTMLLabelElement>'上不存在属性'for'

Question

使用typescript并对具有明确类型定义的TSX文件做出反应,我收到错误:

error TS2339: Property 'for' does not exist on type 'HTMLProps<HTMLLabelElement>'.

尝试使用以下TSX编译组件时

<label for={this.props.inputId} className="input-label">{this.props.label}</label>

我已经解决了,但在这里为下一个人添加,因为解决方案在搜索时没有出现在任何地方(Google或StackOverflow)

Answer 1

解决方案是将for属性更改为htmlFor

<label htmlFor={this.props.inputId} className="input-label">{this.props.label}</label>

这是React库本身的一部分,它显然处理for不同,就像它class(它使用className)一样,而不是明确类型定义的问题.