面临一个相当奇怪的视觉错误。我觉得还是看视频比较好: https ://youtu.be/P9mQo5WC-Os
问题是什么?
当焦点打开时,该字段有一个动画:占位符变小并移到顶部,当焦点丢失时,如果该字段为空,则返回其位置。但是,在表单被方法清除e.target.reset()
或e.target.content.value = ""
占位符停止响应焦点后。有一种感觉,程序认为字段中还有文本。这很奇怪,因为该领域已被清除。但是,如果在提交表单后,在字段中输入一些文本然后删除它,一切都会恢复正常。
CodeSandBox:https ://codesandbox.io/s/mui-textfield-bug-bv31r9?file=/src/App.js