ReactJS -如何使用useEffect获取多个数据

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

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

  useEffect(() => {
    const fetchData = async () => {
      const response1 = await fetch('API_URL_1');
      const data1 = await response1.json();
      setData1(data1);

      const response2 = await fetch('API_URL_2');
      const data2 = await response2.json();
      setData2(data2);
    };

    fetchData();
  }, []);

  return (
    <div>
      {data1 && <p>Data 1: {data1}</p>}
      {data2 && <p>Data 2: {data2}</p>}
    </div>
  );
};

export default MyComponent;