reactjs中的data-reactid属性问题答案

【问题标题】：Issue with data-reactid attribute in reactjsreactjs中的data-reactid属性问题
【发布时间】：2017-03-31 21:02:27
【问题描述】：

我无法在下面使用 reactjs 创建的输入文本中输入任何内容

 <input type="text" id="txtName" className= "form-control" value=""/>

浏览器中对应的html代码如下

 <input id="txtName" class="form-control" value="" data-reactid=".0.0.0.1.0.1.0.1.1" type="text">

我有一段时间无法解决这个问题，最后我在浏览器中手动更改了 data-reactid 属性。

在浏览器中手动更改 data-reactid 的值后，我可以在输入字段中输入字符。

我有很多其他带有文本输入字段的屏幕，没有这样的问题。

如何解决这个问题？为什么会出现这个问题，我的意思是 data-reactid 属性有什么问题？

【问题讨论】：

标签： reactjs

【解决方案1】：

当使用“值”时，你是在告诉 React 这是一个受控组件，也就是说，输入是以编程方式设置的。

只需删除 value 字段即可。

参考

【讨论】：