如何从react窗体发出2个POST请求

import React, { useState } from 'react';

const MyForm = () => {
  const [formData, setFormData] = useState({
    field1: '',
    field2: ''
  });

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

    try {
      // 发送第一个POST请求
      const response1 = await fetch('https://api.example.com/endpoint1', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ field1: formData.field1 })
      });

      // 处理第一个请求的响应
      const data1 = await response1.json();

      // 发送第二个POST请求
      const response2 = await fetch('https://api.example.com/endpoint2', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ field2: formData.field2 })
      });

      // 处理第二个请求的响应
      const data2 = await response2.json();

      // 处理两个请求的响应数据
      console.log('Response 1:', data1);
      console.log('Response 2:', data2);
    } catch (error) {
      console.error('Error:', error);
    }
  };

  const handleChange = (e) => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Field 1:
        <input type="text" name="field1" value={formData.field1} onChange={handleChange} />
      </label>
      <br />
      <label>
        Field 2:
        <input type="text" name="field2" value={formData.field2} onChange={handleChange} />
      </label>
      <br />
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyForm;