Reactjs：输入字段有值但显示为空

Question

面临一个奇怪的问题。我的反应应用程序中有一个输入字段。 我正在使用 defaultValue 属性设置我的输入字段的值。 但是我的输入字段没有填充。它显示为 empty ( "" )。但我可以在 dom 中看到其 value 属性中的值。

这是该输入的反应道具

知道我在这里缺少什么吗？

Answer 1

您只能在不受控制的组件上使用defaultValue，但您的输入具有onChange 属性，这使得它可以控制。您应该通过 value 属性设置默认值。

https://reactjs.org/docs/uncontrolled-components.html - 这里有一些关于它的信息。