React Formik是一个用于构建表单的强大工具，它提供了许多方便的功能来简化表单验证的过程。在使用Formik时，有时我们希望在表单验证通过之前禁用提交按钮，以防止用户在表单未填写完整或未通过验证时提交数据。本文将介绍如何在React Formik中最初禁用提交按钮，并提供一个实际案例代码。

jsx
import React from 'react';
import { Formik, Form, Field, ErrorMessage } from 'formik';
const initialValues = {
  name: '',
  email: '',
  password: '',
};
const validationSchema = {
  name: Yup.string().required('请输入姓名'),
  email: Yup.string().email('请输入有效的电子邮件地址').required('请输入电子邮件地址'),
  password: Yup.string().min(6, '密码长度至少为6个字符').required('请输入密码'),
};
const onSubmit = (values, { setSubmitting }) => {
  setTimeout(() => {
    alert(JSON.stringify(values, null, 2));
    setSubmitting(false);
  }, 400);
};
const App = () => (
  
    
表单验证示例
          initialValues={initialValues}
      validationSchema={validationSchema}
      onSubmit={onSubmit}
    >
      {({ isSubmitting }) => (
        
          
            姓名：
            
            
          
          
            电子邮件地址：
            
            
          
          
            密码：
            
            
          
          
            {isSubmitting ? '提交中...' : '提交'}
          
        
      )}
    
  
);
export default App;