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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。