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）。