清除文本字段不会清空输入值

时间:2020-04-19 16:36:34

标签: javascript reactjs material-ui frontend

我确定我错过了一些很小的东西,但我无法满足要求! 我正在尝试清除文本输入,将状态设置为(''),并清除了变量,但HTML输入保留了旧值...

我想念什么? https://codesandbox.io/s/cleartextfield-su3y9

感谢帮手!

3 个答案:

答案 0 :(得分:0)

您确实缺少了一些很小的东西:) 请添加value={searchValue}作为TextField组件的道具。

答案 1 :(得分:0)

结帐https://material-ui.com/components/text-fields/#uncontrolled-vs-controlled

您的组件不受控制。

TextField有一个value道具。

设置value={searchValue}将解决此问题。

答案 2 :(得分:0)

您只是忘了将值prop传递给TextField组件

https://codesandbox.io/s/cleartextfield-wppk4?from-embed