错误TS2339:属性&#39; for&#39;在类型&#39; HTMLProps <htmllabelelement>&#39;上不存在

时间:2016-08-28 03:16:59

标签: reactjs typescript

使用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)

1 个答案:

答案 0 :(得分:65)

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

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

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