Reactjs-Pagiatio是一个React的本地分页组件，支持页码、跳转、和迷你模式。文档
安装pm istall --save reactjs-pagiatio使用示例代码：import React, { Compoet } from 'react';import { Pagiatio }from 'reactjs-pagiatio'; class Test exteds Compoet { state = { totalNumber: 326, pageSize: 10, curretPage: 31 }; costructor(props) { super(props); setTimeout(() => { // this.setState({ // curretPage: 15 // }); this.setState({ totalNumber: 125 }); }, 3000); } hadleChage = (idx) => { cosole.log('页码改变 => ', idx); } reder() { cost { totalNumber, pageSize, curretPage } = this.state; retur ( <div> <Pagiatio totalNumber={totalNumber} pageSize={pageSize} curretPage={curretPage} middlePage={5} oChage={this.hadleChage} showPages showGo /> </div> ) }}
点击空白处退出提示
评论