React-js忽略label的'for'属性

Question

我知道，对于＆＃39; class＆＃39;我们必须使用className，但我如何做出反应来保留＆＃39; for＆＃39;属性？

以下内容：

<label for="recipient-name" className="control-label">Recipient:</label>

呈现为：

<label class="control-label">Recipient:</label>

在一个不相关的说明中，我发现在使用React时无法使用chrome的控制台更改属性很烦人。那有什么方法吗？例如，如果我检查渲染的元素并添加＆＃39; for＆＃39;手动属性，当我点击该控件时它会消失（大概是因为反应重新呈现控件我猜测）

Answer 1

您必须使用htmlFor属性

<label htmlFor="recipient-name" className="control-label">Recipient:</label>

Answer 2

for是javascript中的关键字，因此在JSX中不能使用它。您必须使用htmlFor，将其渲染到DOM后，它会转换为for属性。