如何使用availity reactstrap验证禁用表单提交按钮

import React, { useState } from 'react';
import { Form, Input, Button } from 'reactstrap';
import { AvForm, AvField } from 'availity-reactstrap-validation';

const MyForm = () => {
  const [isSubmitting, setIsSubmitting] = useState(false);

  const handleSubmit = (event, errors, values) => {
    if (errors.length === 0) {
      setIsSubmitting(true);
      // 模拟异步提交
      setTimeout(() => {
        console.log('Form submitted with values:', values);
        setIsSubmitting(false);
      }, 2000);
    }
  };

  return (
    <AvForm onSubmit={handleSubmit}>
      <AvField name="email" label="Email" type="email" required />
      <AvField name="password" label="Password" type="password" required minLength="6" />
      <Button color="primary" type="submit" disabled={isSubmitting}>
        {isSubmitting ? 'Submitting...' : 'Submit'}
      </Button>
    </AvForm>
  );
};

export default MyForm;