Question

我无法在下面的输入文本中输入任何内容，该输入文本是使用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属性的问题是什么？

Answer 1

使用＆＃34;值＆＃34;你告诉React这是一个受控制的组件，也就是说，输入是以编程方式设置的。

只需删除值字段即可。

参考