React材质UI重置值

Question

我正在使用材质UI做出反应。

我似乎无法在提交时重置表单而不会在控制台中出现错误。

如果我有：<TextField defaultValue={myComment.title} refs="title" />

On Submit，如果我这样做：this.refs.title.setValue('')我在控制台中收到以下错误

  

警告：不推荐使用setValue（）方法。请改用defaultValue属性。         或者使用TextField作为带有value属性的受控组件。

所以我试着这样做：this.refs.title.defaultValue = ''但是没有用。

我想我必须做一个handleChange事件？但是当我想要做的就是清除输入字段时，设置它似乎非常痛苦。

先谢谢你的帮助。

Answer 1

因此，使用此组件的最佳方法可以帮助您轻松实现所需（即使它有点冗长）将value和onChange属性传递给{{ 1}} ... 您可以从当前组件处理状态的TextField，甚至可以从父组件中传递为道具..

一个简单的例子：

value

Answer 2

您只需使用getInputNode().value=""

即可

所以在你的情况下它将是this.refs.title.getInputNode().value=""