ReactJS:如何一次做两个后端请求？

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

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

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response1 = await axios.get('后端请求1的URL');
        setData1(response1.data);

        const response2 = await axios.get('后端请求2的URL');
        setData2(response2.data);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {/* 在这里使用data1和data2进行渲染 */}
    </div>
  );
};

export default MyComponent;