Javascript ReactJS:DOM属性无法识别

Javascript ReactJS:DOM属性无法识别,javascript,reactjs,dom,Javascript,Reactjs,Dom,我正在创建一个带有搜索字段的ReactJS组件,如下所述: SearchNotes.js <label for='search_notes'>Search</label> <input id='search_notes' type='text' onKeyPress={this.handleKeyPressed}></input> 搜索 一切正常,但我在这里遇到了一个错误: 的属性显然存在于标签中。这里缺少什么?发生错误是因为的不是React

我正在创建一个带有搜索字段的ReactJS组件,如下所述:

SearchNotes.js

<label for='search_notes'>Search</label>
<input id='search_notes' type='text' onKeyPress={this.handleKeyPressed}></input>
搜索
一切正常,但我在这里遇到了一个错误:


属性显然存在于
标签中。这里缺少什么?

发生错误是因为
不是React元素的属性。如错误所示,改用
htmlFor
。React不使用任何JavaScript关键字作为属性名称,如
class
(即
className
)或
for
(即
htmlFor
)。

发生错误的原因是
for
不是React元素上的属性。如错误所示,改用
htmlFor
。React不使用任何JavaScript关键字作为属性名,如
class
(即
className
)或
for
(即
htmlFor
)。

我真丢脸!我没有注意到,
for
,作为Javascript的保留字,在React中会有替换,就像
class
!谢谢你帮助我!我真丢脸!我没有注意到,
for
,作为Javascript的保留字,在React中会有替换,就像
class
!谢谢你帮助我!