react 分页方法

/*分页方法  开始*/
_pageShow=(page)=>{//分页ajax方法
this.setState({load:true});
axios.post(listShow,{
client_id: 3,
device_open_id: 'html',
access_token: localStorage.getItem("access_token"),
page: page,
}).then(({data: DATA}) => {
const {data: {data: AllOrder}} = DATA;
this.setState({AllOrder, load: false});
}).catch(function(error){
console.log(error);
});
}
_home= (e,props) =>{//返回首页
const ids = e.target.name;
this.setState({pageNow:1});
this._pageShow(ids);
}
_last= props =>{//末页
let num = this.state.pageAll;
if(num){
return false;
}

this.setState({pageNow:num});
this._pageShow(num);
}
_prev=props =>{//上一页
const num = this.state.pageAll;
if(this.state.pageNow !== 1 ) {
let nums =--this.state.pageNow;
this.setState({pageNow:nums});
}else{
alert("已经是第首页");
return false;
}
this._pageShow(this.state.pageNow);
}
_next= (e,props)=>{//下一页
const num = this.state.pageAll;
if(this.state.pageNow!==num){
let nums =++this.state.pageNow;
this.setState({pageNow:nums});
}else{
alert("已经是最后一页");
return false;
}
this._pageShow(this.state.pageNow);
}
_numPage=(e,props)=>{//点击数字跳转相对页面
const target = e.target;
if(target.id===1){
return false;
}
this.setState({pageNow: target.id});
this._pageShow(target.id);

}
/*分页方法 END*/
posted @ 2018-02-07 20:57  沐少白  阅读(395)  评论(0)    收藏  举报