Reactjs-Pagination 介绍
Reactjs-
Pagination是一个React的本地分页组件，支持页码、跳转、和迷你模式。文档
npm install --save reactjs-pagination
import React, { Component } from 'react';
import { Pagination }from 'reactjs-pagination';
class Test extends Component {
state = {
totalNumber: 326,
pageSize: 10,
currentPage: 31
};
constructor(props) {
super(props);
setTimeout(() => {
// this.setState({
// currentPage: 15
// });
this.setState({
totalNumber: 125
});
}, 3000);
}
handleChange = (idx) => {
console.log('页码改变 => ', idx);
}
render() {
const { totalNumber, pageSize, currentPage } = this.state;
return (
<div>
<Pagination
totalNumber={totalNumber}
pageSize={pageSize}
currentPage={currentPage}
middlePage={5}
onChange={this.handleChange}
showPages
showGo
/>
</div>
)
}
}
Reactjs-Pagination 官网
https://monsterooo.github.io/reactjs-pagination/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
