ReactJS：DOM属性无法识别

Question

我创建与搜索领域的ReactJS组件描述是这样的：

SearchNotes.js

<label for='search_notes'>Search</label> 
<input id='search_notes' type='text' onKeyPress={this.handleKeyPressed}></input> 

一切工作正常，但我得到这个错误在这里：

此属性for清楚地存在于label标签。我在这里错过了什么？

Answer 1

出现此错误的原因是for不是React元素上的属性。如错误所示，请使用htmlFor。 React不使用任何JavaScript关键字作为属性名称，如class（即className）或for（即htmlFor）。