- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://monsterooo.github.io/reactjs-pagination/
- 软件文档: https://monsterooo.github.io/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>
)
}
}
