只使用反应`htmlFor`替换`for`！

Question

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

e.g。使用以下JSX：

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

但是，这会导致HTML缺少必需（和标准）for属性：

<label data-reactid=".1.0.0">Test</label>
<input type="text" id="test" data-reactid=".1.0.1">

我做错了什么？

Answer 1

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

Answer 2

是的，反应，

成为htmlFor class成为className 等。

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

Answer 3

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

class - ＆gt; className

使用了

和

for - ＆gt; htmlFor

使用

，因为反应是区分大小写的，请确保您必须按照小额和资本要求。

Answer 4

您可以通过以下链接找到更多信息。

Answer 5

在JSX中是htmlFor，在JSX中类是className

Answer 6

for和class在JavaScript中都是保留字，这就是为什么当涉及JSX中的HTML属性时，您需要使用其他内容，React团队决定使用htmlFor和{分别{1}}

只使用反应htmlFor替换for！