React忽略label元素的“for”属性

Question

在React（Facebook的框架）中，我需要使用标准的for属性呈现绑定到文本输入的标签元素。

e、 g.使用以下JSX：

<label for="test">Test</label>
<input type="text" id="test" />

但是，这会产生超文本标记语言，缺少属性所需的（和标准的）：

<label>Test</label>
<input type="text" id="test">

我做错了什么？




Answer 1

对于React，您必须使用它的每定义关键字来定义html属性。

class-

使用和

用于-

使用，因为react区分大小写，请确保您必须按照要求遵循“小”和“大”。

Answer 2

是的，为了反应，

for变为htmlFor

类变为class Name

等

请参见此处更改HTML属性的完整列表：

https://facebook.github.io/react/docs/dom-elements.html

Answer 3

for属性称为htmlFor，以便与DOM属性API保持一致。如果您正在使用React的开发构建，您应该已经在控制台中看到了关于此的警告。