小编Jef*_*Gao的帖子

如何使用 enableReinitialize 在 formik 中重置表单?

我尝试在用户单击取消按钮后重置表单。

我创建了一个示例应用程序来演示这个问题:https : //codesandbox.io/s/dark-worker-ydzgs?fontsize=14

1) 用户单击“编辑”按钮打开表单进行编辑
2) 用户在字段中输入内容
3) 用户单击“取消”按钮关闭表单
4) 用户单击“编辑”按钮再次打开表单

我期望 formik 做什么:
表单被重置

实际结果:
表单未重置,它具有用户在步骤 3 中输入的值

我可以通过调用 resetForm() 方法来重置表单。

但是,我的印象是 enableReinitialize 会重置表单

enableReinitialize?: boolean
Default is false. Control whether Formik should reset the form if the wrapped component props change (using deep equality).
Run Code Online (Sandbox Code Playgroud)

reactjs formik

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

formik ×1

reactjs ×1