尝试使用Formik重构onSubmit属性

npm install formik

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

<Formik
  initialValues={{}} // 初始化表单字段的值
  onSubmit={handleSubmit} // 提交处理程序
  validationSchema={validationSchema} // 可选的表单验证模式
>
  {({ isSubmitting }) => (
    <Form>
      <Field type="text" name="fieldName" />
      <ErrorMessage name="fieldName" component="div" />
      
      {/* 其他表单字段 */}
      
      <button type="submit" disabled={isSubmitting}>
        提交
      </button>
    </Form>
  )}
</Formik>

const handleSubmit = (values, { setSubmitting }) => {
  // 执行一些提交逻辑，如数据的验证、API调用等
  
  setTimeout(() => {
    alert(JSON.stringify(values, null, 2));
    setSubmitting(false);
  }, 2000);
};