React-js忽略label的'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 中不能使用它。一旦渲染到 DOM，您就必须使用htmlFor它来转换为属性。for