0
点赞
收藏
分享

微信扫一扫

antd加上数据加载进度条

代码小姐 2022-06-06 阅读 89

效果如图

antd加上数据加载进度条_数据

这个效果如何实现呢

在model回传数据的方法中包含着一个loading参数

...
const mapStateToProps=({users,loading})=>{
console.log("loading",loading);
return {
users,
userListLoading:loading.models.users
}
}
export default connect(mapStateToProps)(index);
...

 把这个loading参数再传给table组件的loading属性

...

const index=({users,dispatch,userListLoading})=>{

...

return (
<div className="list-table">
...
<Table columns={columns} dataSource={users.data} rowKey='id' loading={userListLoading}/>
...
</div>
);
};

 


举报

相关推荐

0 条评论