如何在React中用一个按钮提交多个post请求？

import React, { useState } from 'react';

function MyComponent() {
  const [results, setResults] = useState([]);

  // 处理按钮点击事件
  const handleSubmit = async () => {
    try {
      // 发起多个post请求
      const request1 = fetch('url1', { method: 'POST', body: JSON.stringify(data1) });
      const request2 = fetch('url2', { method: 'POST', body: JSON.stringify(data2) });
      const request3 = fetch('url3', { method: 'POST', body: JSON.stringify(data3) });

      // 等待所有请求完成
      const responses = await Promise.all([request1, request2, request3]);

      // 解析响应数据
      const results = await Promise.all(responses.map(response => response.json()));

      // 更新状态变量
      setResults(results);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <button onClick={handleSubmit}>提交</button>
      {/* 显示请求结果 */}
      {results.map((result, index) => (
        <div key={index}>{result}</div>
      ))}
    </div>
  );
}

export default MyComponent;