如何正确处理异步的Formik (React) onSubmit？

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

const MyForm = () => {
  const handleSubmit = async (values, { setSubmitting, setErrors, resetForm }) => {
    try {
      // 设置表单提交状态为true
      setSubmitting(true);

      // 发送异步请求
      const response = await axios.post('/api/submit', values);

      // 根据返回结果更新表单状态
      resetForm();
      alert('提交成功！');
    } catch (error) {
      // 处理异步请求错误
      setErrors({ submit: '提交失败，请重试。' });
    } finally {
      // 设置表单提交状态为false
      setSubmitting(false);
    }
  };

  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={handleSubmit}
    >
      <Form>
        <div>
          <label htmlFor="name">姓名：</label>
          <Field type="text" id="name" name="name" />
          <ErrorMessage name="name" component="div" />
        </div>
        <div>
          <label htmlFor="email">邮箱：</label>
          <Field type="email" id="email" name="email" />
          <ErrorMessage name="email" component="div" />
        </div>
        <button type="submit">提交</button>
      </Form>
    </Formik>
  );
};

export default MyForm;