时间戳

首页 > 解决方案 > 提交或关闭后 React Formik 重置

reactjs - 提交或关闭后 React Formik 重置

问题描述

有没有办法调用 formik.resetForm()

从父组件？

我有表格，但我想仅在提交成功时重置它

或者每次 formik 关闭

有没有办法做到这一点？

onClick: (values, { setSubmitting, resetForm }) => {
         
              return onSubmit(
                 values,
                setSubmitting
              ),
              resetForm()
            }

标签： reactjsformik

解决方案

您可以在提交功能中重置表单。您可以传递包含一组 formik 函数的第二个参数

const handleFormSubmit = (values, onSubmitProps) => {
   //Api call to submit the form

   // On success
   onSubmitProps.resetForm({ values });

};

参考：https ://formik.org/docs/api/formik#onsubmit-values-values-formikbag-formikbag--void--promiseany

推荐阅读