如何在React中多次提交同一表单

class FormComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      formData: {
        // 初始化表单数据
        name: '',
        email: '',
        // 其他字段...
      }
    };
  }

  handleChange = (event) => {
    // 更新表单数据到组件状态
    this.setState({
      formData: {
        ...this.state.formData,
        [event.target.name]: event.target.value
      }
    });
  }

  handleSubmit = (event) => {
    event.preventDefault();
    // 提交表单数据的逻辑
    // 可以在此处调用后端API发送数据，或者进行其他处理

    // 重置表单数据
    this.setState({
      formData: {
        name: '',
        email: '',
        // 其他字段...
      }
    });
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input
            type="text"
            name="name"
            value={this.state.formData.name}
            onChange={this.handleChange}
          />
        </label>
        <br />
        <label>
          Email:
          <input
            type="email"
            name="email"
            value={this.state.formData.email}
            onChange={this.handleChange}
          />
        </label>
        <br />
        <button type="submit">Submit</button>
      </form>
    );
  }
}