React:如何获取多个API

fetch('https://api.example.com/data1')
  .then(response => response.json())
  .then(data1 => {
    // 处理第一个API的数据
    // 可以将数据存储在组件的状态中或传递给其他组件
  });

fetch('https://api.example.com/data2')
  .then(response => response.json())
  .then(data2 => {
    // 处理第二个API的数据
    // 可以将数据存储在组件的状态中或传递给其他组件
  });

import React, { useEffect, useState } from 'react';

function MyComponent() {
  const [data1, setData1] = useState(null);
  const [data2, setData2] = useState(null);

  useEffect(() => {
    fetch('https://api.example.com/data1')
      .then(response => response.json())
      .then(data1 => {
        setData1(data1);
      });

    fetch('https://api.example.com/data2')
      .then(response => response.json())
      .then(data2 => {
        setData2(data2);
      });
  }, []);

  // 渲染组件
}