反应标签元素
在React(Facebook框架)中,我需要使用标准for
属性呈现绑定到文本input的标签元素。
例如使用以下JSX:
<label for="test">Test</label> <input type="text" id="test" />
但是,这会产生HTML缺less所需(和标准) for
属性:
<label data-reactid=".1.0.0">Test</label> <input type="text" id="test" data-reactid=".1.0.1">
我究竟做错了什么?
for
与DOM属性API保持一致, for
属性被称为htmlFor
。 如果您正在使用React的开发版本,则应该在控制台中看到关于此的警告。
是的,为了反应,
为成为htmlFor类成为className等
查看HTML属性如何更改的完整列表:
只是使用反应htmlFor
取代!
您可以通过以下链接find更多信息。
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
对于React,您必须使用它的per-define关键字来定义html属性。
class
– >className
被使用和
for
– >htmlFor
被使用,因为反应是区分大小写的,确保你必须按照要求遵循小的和大写的。