如何在React中让一个表单多次提交？

import React, { useState } from 'react';

const FormComponent = () => {
  const [submitCount, setSubmitCount] = useState(0);

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

    if (submitCount < 3) { // 设置表单可提交的次数为3次
      // 执行表单提交的逻辑，例如发送表单数据到服务器
      console.log('表单提交成功');

      setSubmitCount(submitCount + 1); // 增加提交次数
    } else {
      // 表单提交完成后的操作，例如禁用提交按钮或显示提示消息
      console.log('表单提交已达到最大次数');
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单元素 */}
      <input type="text" name="name" placeholder="姓名" required />
      <input type="email" name="email" placeholder="邮箱" required />

      {/* 提交按钮 */}
      <button type="submit">提交</button>
    </form>
  );
};

export default FormComponent;