如何在nextjs中将输入的数据发送到两个不同的apis？

import { useState } from 'react';

const MyForm = () => {
  const [data, setData] = useState('');

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

    try {
      const response = await fetch('https://api.example.com/endpoint1', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({ data }),
      });

      // 处理第一个API的响应
    } catch (error) {
      // 处理错误
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" value={data} onChange={(e) => setData(e.target.value)} />
      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;

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

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

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

    // 处理第一个API的响应
    // 处理第二个API的响应
  } catch (error) {
    // 处理错误
  }
};