将变量传递给在循环中调用的异步JavaScript函数(React)

function MyComponent() {
  const data = [1, 2, 3, 4, 5];

  useEffect(() => {
    async function fetchData(item) {
      // 异步操作，例如发送网络请求
      const response = await fetch(`https://api.example.com/data/${item}`);
      const result = await response.json();
      console.log(result);
    }

    data.forEach((item) => {
      fetchData(item);
    });
  }, []);

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