如果设置了value属性，我的文本输入如何为空？

Question

看看下面的截图。您可以看到文本输入字段为空，但其value属性设置为“b”。

您还会在“{1}}下的属性”标签中注意到input此处设置为“”。他们为什么不同？这是什么意思？

这是否与输入由React呈现的事实相关？

如果有帮助，这里是jsx负责这个元素（编辑）：

value

Answer 1

您似乎正在根据州的某些内容更改defaultValue。 defaultValue prop应该只设置一次，以后不再更改，因为React将忽略任何更改。如果要根据状态更改值，则应使用正常值prop。否则，如果您希望向用户显示预定义值并同时在输入更改时控制输入，您可以在代码中使用一些逻辑来处理onChange和组件中想要自动更改的代码价值，或者可能把它放在占位符道具中，它会给你一些你想要的东西。