javascript - react组件中的map函数和异步函数调用

Question

我尽力模拟我的用例：

function SubComponent({project}) {
  useEffect(() => {
    axios.get(`/api/projects${project.projectId}`).then(res=> setState(res.data))
  },[])

  return (<div>
    {state}
  </div>)
}

function MainComponent({projects}) {
  return (
    projects.map(project => (
      <SubComponent project={project}></SubComponent>
    ))
  )
}

我将项目道具传递给我的子组件，然后子组件进行 axios 调用。主组件会等待还是继续循环导致它在子组件上呈现错误数据。

标签： javascriptreactjsasynchronousaxios