如何防止用户在react中多次单击登录表单时出现提交按钮错误？

import React, { useState } from 'react';

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

  const handleSubmit = (e) => {
    e.preventDefault();

    if (isSubmitting) {
      return; // 如果正在提交，则不执行后续操作
    }

    setIsSubmitting(true);

    // 模拟表单提交的异步操作
    setTimeout(() => {
      // 提交表单的逻辑

      setIsSubmitting(false);
    }, 200);
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单字段 */}
      {/* ... */}

      <button type="submit" disabled={isSubmitting}>
        {isSubmitting ? '提交中...' : '提交'}
      </button>
    </form>
  );
};

export default LoginForm;