reactjs - Formik - 确认后如何重置表单

Question

在 Formik ，如何让重置按钮仅在确认后重置表单？

即使您单击“取消”，下面的代码仍然会重置表单。

var handleReset = (values, formProps) => {
    return window.confirm('Reset?'); // still resets after you Cancel :(
};

return (
  <Formik onReset={handleReset}>
    {(formProps) => { 
      return (
        <Form>
          ...
          <button type='reset'>Reset</button>
        </Form>
      )}}
  </Formik>
);

Answer 1

你好@Aximili，你可以使用 resetForm在 onSubmit 中。

onSubmit={(values, { resetForm }) => {

      // do your stuff 
      resetForm();

}}

resetForm可以做什么？

必须重置表单。这将清除错误并触摸，将 isSubmitting 设置为 false，将 isValidating 设置为 false，并使用当前 WrappedComponent 的 props 或作为参数传递的内容重新运行 mapPropsToValues。后者对于在 componentWillReceiveProps 中调用 resetForm 很有用。