React-js 忽略标签的 'for' 属性

Question

我知道对于 'class' 我们必须使用 className，但是我如何做出反应以保留 'for' 属性？

以下：

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

呈现为：

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

在一个不相关的说明中，我发现在使用 React 时无法使用 chrome 的控制台更改属性很烦人。有办法解决吗？例如，如果我检查呈现的元素并手动添加 'for' 属性，当我离开该控件时它会消失（大概是因为反应重新呈现我猜的控件）

Answer 1

您必须改用 htmlFor 属性

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

Answer 2

for 是 javascript 中的关键字，所以在 JSX 中你不能使用它。您必须使用 htmlFor，它在呈现给 DOM.

后被翻译成 for 属性

React-js ignores label's 'for' attribute