React-js 忽略标签的“for”属性

IT技术 javascript reactjs
2021-05-12 14:11:24

我知道对于 'class' 我们必须使用 className,但是我如何做出react以保留 'for' 属性?

下列:

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

呈现为:

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

在一个不相关的说明中,我发现在使用 React 时无法使用 chrome 的控制台更改属性很烦人。有没有办法解决这个问题?例如,如果我检查渲染的元素并手动添加“for”属性,当我点击远离该控件时它就会消失(大概是因为 react 重新渲染了我猜测的控件)

2个回答

您必须改用htmlFor属性

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

for是 javascript 中的关键字,因此在 JSX 中您不能使用它。一旦渲染到 DOM,您必须使用htmlForwhich 被翻译成for属性。