从 React 中的 API 获取依赖数据的最佳方式是什么？ [关闭]

【问题标题】：What is the best way of fetching dependent data from the API in React? [closed]从 React 中的 API 获取依赖数据的最佳方式是什么？ [关闭]
【发布时间】：2020-08-30 18:26:44
【问题描述】：

所以，我有需要从 REST API 获取的依赖数据。数据A在数据B中有一些关键信息，所以需要确保在数据A之前获取（和加载）数据B。

在 React 中最好的方法是什么？我用递归函数解决了这个问题，该函数接受字符串数组作为 API 端点，并一个接一个地触发它，但我想知道这是 React 中顺序 API 调用的正确方法吗？

【问题讨论】：

检查这是否对您有帮助 stackoverflow.com/questions/61491795/…
谢谢@HarmandeepSinghKalsi。您发送的链接中的解决方案是功能性的，它是我问题的答案，但是，对于我的项目，我认为我已经拥有的递归函数更具可重用性。

标签： javascript reactjs fetch restful-url

【解决方案1】：

如果 Fetch(A) 将依赖于 Fetch(B)，那么您可以简单地利用 async-await 顺序执行此操作。

async () => {
  const res = await fetch(URL_FOR_B); // get data B first
  const data = await res.json();

  const nextRes = await fetch(URL_FOR_A, { param: data.params });
  const nextData = await nextRes.json();

  console.log("Data at the end: ", nextData);
};

还有其他方法：then 包装 Promise 但await 是干净且顺序可读的。

【讨论】：

这是一个非常好的答案。非常感谢！
我认为，我原来的递归函数解决方案更可重用。我可以将它用于任何数量的情况，我应该发送一系列 N 个函数以按顺序执行。