react本机生命周期，在useEffect中循环

import React, { useEffect } from 'react';

function MyComponent() {
  const data = ['a', 'b', 'c'];

  useEffect(() => {
    data.forEach(item => {
      // 在循环中执行的操作
      console.log(item);
    });
  }, [data]); // 添加data到依赖项数组中

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

import React, { useEffect } from 'react';

function MyComponent() {
  const data = ['a', 'b', 'c'];

  useEffect(() => {
    data.forEach(async item => {
      // 在循环中执行的异步操作
      await doSomething(item);
    });
  }, [data]);

  async function doSomething(item) {
    // 异步操作
    console.log(item);
  }

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