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