微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从React中的API提取依赖数据的最佳方法是什么?

如何解决从React中的API提取依赖数据的最佳方法是什么?

因此,我需要从REST API中获取相关数据。数据A在数据B中具有一些关键信息,因此有必要确保在数据A之前获取(和加载)数据B。

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

解决方法

如果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是干净的并且可以按顺序读取。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。