React-js 忽略 label 的“ for”属性

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

以下内容:

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

呈现为:

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

在一个不相关的注意，我发现它恼人的是，我不能改变属性使用 chrome 的控制台时，使用反应。有办法解决吗？例如，如果我检查呈现的元素并手动添加“ for”属性，当我单击远离该控件时，该属性就会消失(可能是因为我猜测 response 会重新呈现该控件)

javascript
reactjs

32833 次浏览

小开

最佳答案

You must use htmlFor attribute instead

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

小开

for is a keyword in javascript so in JSX you can't use it. You must use htmlFor which is translated into for attribute once it is rendered to the DOM.