reactjs-pagination是一个react的本地分
一个react的本地分页组件
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> ) } }
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。