react中每个请求的loading如何封装,自动和组件关联

Question

全局一个loading是不满足的,需要每个请求单独loading状态,这个要怎么封装才能简单易用?
我已经封装一个http,里面有loading状态,怎么自动setState到组件里面? 我现在需要在每个ajaxApi(this)调用的时候把this穿进去,感觉很不方便,页面要维护的loading有点多,不同接口那不是要传四五次,怎么实现自动和组件关联

Answer 1

我的做法是用mobx设置一个isLoading的标识。在home页，也就是第一个页面放入loading组件，通过判断isLoading来显示loading组件。每次请求开始时，通过mobx修改isLoading=true，请求结束再改为false