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>
    );
};

猜你喜欢

转载自blog.csdn.net/chendongpu/article/details/111655803