Javascript React js忽略标签'；s'；对于'；属性

我知道对于“类”，我们必须使用className，但如何才能让react保留“for”属性呢

以下是：

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

收件人：

呈现为：

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

收件人：

---

另一方面，我发现在使用React时无法使用chrome的控制台更改属性很烦人。有办法吗？例如，如果我检查呈现的元素并手动添加“for”属性，当我离开该控件单击时，该属性将消失（可能是因为react重新呈现了我猜测的控件）

您必须改用

htmlFor

属性

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

收件人：

for

是javascript中的一个关键字，因此在JSX中不能使用它。您必须使用

htmlFor

，该属性一旦呈现到DOM中，就会转换为

for

属性。

Re不相关注意：这就是它的用法。React控制DOM，而不是外部的东西。还可以看一下文档，其中解释了使用什么来代替：这自然是因为javascript中的保留字

for

是一个保留字，因此不能用作json键，这就是jsx解析器将jsx属性名转换为的内容。同样的原因，它是

className

而不是

class