Reactjs-PaginationReact 的本地分页组件
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> ) } }
评论