不得不说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钩子里看一眼

发出请求后

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

网友评论