我尝试在用户单击取消按钮后重置表单。
我创建了一个示例应用程序来演示这个问题: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)