如何解决从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 举报,一经查实,本站将立刻删除。