React如何先加载接口再render

在很多需求中 父组件要调用好几个接口传入子组件 这时候要注意都是异步调用还是同步调用

1.如果只调用一个的情况下
在state存一个loding的默认值(布尔类型)然后在dispatch中的回调函数callback中去改变state的loding,
然后在render中判断loding 是否return
2.如果多个接口
如果一个子组件需要调用2个或以上的接口 有两种情况要考虑:这个组件是要在加载的时候比较快速还是要渲染次数减少。
这不是一个问题

  1. 如果要快速就父组件中调用比较核心的接口先渲染核心部分 再去子组件调用其他的非核心接口
  2. 如果渲染次数减少就要用promise.all的方法把异步调用接口同步转出来
function getUserPromise(promiseX, promiseY){
   
 return Promise.all([promiseX, promiseY<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值