Redux表单:如何在验证成功后和提交前添加函数

import { Formik, Form, Field, ErrorMessage } from 'formik';

const MyForm = () => {
  const handleValidationSuccess = () => {
    // 在验证成功后执行的函数
    console.log('验证成功！');
    // 执行其他操作
  };

  const handleSubmit = (values, { setSubmitting }) => {
    // 执行表单提交操作
    // ...

    // 验证成功后执行的函数
    handleValidationSuccess();

    setSubmitting(false);
  };

  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={handleSubmit}
      // 其他验证逻辑
    >
      <Form>
        <Field type="text" name="name" />
        <ErrorMessage name="name" component="div" />

        <Field type="email" name="email" />
        <ErrorMessage name="email" component="div" />

        <button type="submit">提交</button>
      </Form>
    </Formik>
  );
};

import { Formik, Form, Field, ErrorMessage } from 'formik';

const MyForm = () => {
  const handleSubmit = (values, { setSubmitting }) => {
    // 执行提交前的操作
    console.log('提交前的操作');
    // 发送网络请求
    // 更新状态
    // ...

    setSubmitting(false);
  };

  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={handleSubmit}
      // 其他验证逻辑
    >
      <Form>
        <Field type="text" name="name" />
        <ErrorMessage name="name" component="div" />

        <Field type="email" name="email" />
        <ErrorMessage name="email" component="div" />

        <button type="submit">提交</button>
      </Form>
    </Formik>
  );
};