我想在useEffect react Js中使用axios和foreach，但它给了我(无法读取属性符号(Symbol.iterator)错误？

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

const MyComponent = () => {
  useEffect(() => {
    const fetchData = async () => {
      const urls = ['url1', 'url2', 'url3']; // 假设这是你要发送请求的URL数组
      const requests = urls.map(url => axios.get(url)); // 使用axios发送多个请求，并返回一个包含所有请求的数组

      try {
        const responses = await Promise.all(requests); // 使用Promise.all等待所有请求完成
        responses.forEach(response => {
          // 处理每个请求的响应数据
          console.log(response.data);
        });
      } catch (error) {
        // 处理错误
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return <div>My Component</div>;
};

export default MyComponent;