Javascript 将FormIk重置值反应为空值HandlerReset函数

我有一个加载默认值的表单

我想要一个按钮，将所有窗体的值重置为空值

内置的handleReset函数仅将值重置为加载表单时使用的默认值。 我试图用与下面代码类似的概念更改带有默认值的道具，但道具是“只读”的

resetToEmpty（）{
this.props.user={}；
}
清除表单演示数据

密码沙盒

如何将所有formIk字段重置为空值

---

谢谢

>代码沙盒被破坏，但我认为你应该考虑将你的道具更改为空状态，并且只需将“EnabreRealEngultI化”的PROP添加到你的Fuffik实例中。

---

然后在获得新道具后，应该更新Formik中的初始值。

您必须再次向表单组件传递一个空的

用户。因此，您必须冒泡重置事件，也就是说，将其发送到表单的父组件，在那里您最初传递了用户对象

比方说，当您单击重置按钮时，您必须在最初设置用户的位置执行此操作。当它作为道具传递给
formik
时，它应该放在父组件中。大概是这样的：

user: { name: '', age: '', gender: null }

user: { name: '', age: '', gender: null }