antd分页遇到删除的问题

1.老大提出关于分页的问题,
这里写图片描述
问题是比如一共有6页数据,第六页只有一条数据。这时你删除第五页的某一条数据,第6页还在并且展示没有数据。
解决方案:加一个判断即可。

}).then(data => {
     console.log('得到列表总数:',data);
     this.setState({
         //列表页的总条数
         total: data.data
     },()=>{
         //总条数取模,如果等于0的话,说明是当前页已经删除完数据,这时需要把页数减1
         if( (this.state.total % 10) === 0 && this.state.dataLength === 0 ){
             //如果此页没有数据的话,页数减1
             console.log('111');
             this.setState({
                 pageIndex: --this.state.pageIndex,
             },()=>{
                 //页数减1之后调用接口得到全部数据
                 this.automaticDataList();
             })
         }else {
             console.log('222');
             //如果是随便删除数据的话,在下面的else中调用列表数据。
             //this.automaticDataList();
         }
     })
 }).catch((error) => {
     console.log(error);
 })

猜你喜欢

转载自blog.csdn.net/boysky0015/article/details/81103081