javascript - React FormIk 将值重置为空值 handleReset 函数

Question

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

我想要一个按钮来将所有表单的值重置为空值。

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

resetToEmpty(){
   this.props.user = {};
}
<button type="button" onClick={ resetToEmpty}>Clear form demo data</button>

代码沙盒https://x7069jq8lz.codesandbox.io/

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

谢谢!

Answer 1

代码沙盒已损坏，但我认为您应该考虑将上述状态的 Prop 更改为空，只需将“enableReinitializing” Prop 添加到您的 Formik 实例即可。

然后在获得新 Prop 后，您应该更新 Formik 中的 initialValues。