反应标签元素

在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属性如何更改的完整列表:

https://facebook.github.io/react/docs/dom-elements.html

对于React,您必须使用它的per-define关键字来定义html属性。

class – > className

被使用和

for – > htmlFor

被使用,因为反应是区分大小写的,确保你必须按照要求遵循小的和大写的。