如果是同一个组件里，有多个异步请求，那loading岂不是重复了很多？

Question

在同一个组建中导入useURLLoader后，发送了多个异步请求，那每个请求里的loading怎么去处理解决呢？

Answer 1

张轩 2020-09-24 19:49:58

同学你好 两个问题我合并回答一下 多个请求那自然就是用多个 useURLLoader 啊

比如 const request1 = useURLLoader('cat.com')

const request2 = useURLLoader('dog.com')

这时候 request1 和 request2 这两个对象完全是分离的互相不干扰的 你想要哪个状态就用哪个状态，比如 request1.loading 和 request2.loading 分别代表两个请求是否正在读取。

• 提问者 Lemon甜橙君 #1

  是我傻了，哈哈哈，看视频里直接是用的解构，一瞬间没转过来弯

• 再睡一会就码 #2

  老师 我试着这样写了，页面上不可以直接写result1.loading啊 不生效啊，需要在页面return 中解构一下result1才可以啊，然后在页面直接使用loading,那如果用多个useURLLoader的,把拿到的result1,result2...  解构一下，页面返回的响应式数据字段就会重复，怎么使用导出的对象格式啊

• 慕斯卡7269444 回复 再睡一会就码 #3

  const { result: res1, loading: loading1, loaded: loaded1 } = useURLLoader('https://dog.ceo/api/breeds/image/random')
      const { result: res2, loading: loading2, loaded: loaded2 } = useURLLoader('https://dog.ceo/api/breeds/image/random')