umi框架下dva-loading的使用

不得不说umi封装了好些实用东西,对于后端来说真的很方便。记录 一下dva-loading的使用方法。
首先项目是用umi脚手架生成的,自带了dva-loading,所以依赖包都不用装。
在class脑袋顶上,原来是这样

@connect(({article}) => ({
    ...article
  }))
class ArticleList extends Component{
...
}

加上loading传入props

@connect(({article,loading}) => ({
    ...article,loading
  }))
class ArticleList extends Component{

this.props.loading就可以取到loading对象了。
在willRecive钩子里看一眼


image.png

发出请求后


image.png

loading的effects对象里面的key就是异步请求的action名
使用:
比如Table,loading属性指定为 loading.effects['article/articleList'] 就可以了


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容