一段资源请求的逻辑,最佳实践要怎么写?

react项目

有1 2 3 4四个资源都需要异步加载

2 依赖 1的结果 => 处理成a

3 ,4 依赖 a

每一步都可以展示部分内容, 直接用promise.all 感觉不对

这段逻辑要怎么处理

能不能处理的更细节,只要上级依赖存在就可以执行当前步骤的渲染, 类似渐进渲染,rx 是不是可以处理这种场景

阅读 1.6k
2 个回答

promise.all肯定是可以的,yield也行

async function run() {
  // 1
  const result1 = await request('/1')
  // 2
  const result2 = await request('/2')
  // 3
  const result3 = await request('/3')
  // 4
  const result4 = await request('/4')
}

这样写就可以,中间可以穿插其他逻辑,本质上还是promise的链式调用,这个async/await是语法糖,帮你找了个文档,js异步函数,可以参考下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题