首页 > 解决方案 > 如何在 Formik 中重置表单 onSubmit?

问题描述

我有一个用 Formik 构建的表单。我想在提交后重置/清空它。我尝试添加resetForm(),但它不起作用。这是我的代码:

onSubmit={(values, { setSubmitting, resetForm }) => {
  setTimeout(() => {
    alert(JSON.stringify(values, null, 2));
    setSubmitting(false);
    resetForm();
  }, 400);
}}

还有一个活生生的例子https://codesandbox.io/s/reset-form-8sw24

我的错误在哪里,如何在提交时重置/清空表单?

标签: reactjsformik

解决方案


value={values.phone}当我使用自定义输入时,我必须添加到输入中。之后resetForm()工作。


推荐阅读