React忽略label元素的'for‘属性
React忽略label元素的'for‘属性
提问于 2014-03-31 09:07:39
在React (Facebook的框架)中，我需要使用标准的for属性呈现一个绑定到文本输入的label元素。
例如，使用以下JSX：
<label for="test">Test</label>
<input type="text" id="test" />然而，这会导致超文本标记语言缺少必需的(和标准的) for属性：
<label>Test</label>
<input type="text" id="test">我做错了什么？
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-03-31 09:48:08
将for属性称为htmlFor是为了与DOM property API保持一致。如果您正在使用React的开发版本，您应该已经在控制台中看到了有关此问题的警告。
Stack Overflow用户
发布于 2017-02-04 07:17:03
是的，对于react，
for成为htmlFor
class成为className
等。
请在此处查看如何更改HTML属性的完整列表：
Stack Overflow用户
发布于 2019-09-10 02:37:09
for和class都是JavaScript中的保留字，这就是为什么当涉及到JSX属性时，需要使用其他东西，React团队决定分别使用htmlFor和className
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22752116
复制相关文章
相似问题
腾讯云开发者
