xerxes-react-pagination v0.0.1

xerxes-react-pagination

• 基本介绍
  • 安装说明
  • 案例说明
  • props说明
  • events说明
  • methods说明

基本介绍

这是一个基于 react 的分页组件， 包含 总条数，左右切换，快速跳转， 条数修改等完整的功能

安装说明

运行安装命令：

  npm i -s xerxes-react-pagination or yarn add xerxes-react-pagination

案例说明

介绍了基本的使用方式

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import Pagination from 'xerxes-react-pagination'
import Pagination from 'xerxes-react-pagination/lib/index.css'
import './example.css'

class App extends Component {
  state = {
    total: 50
  }
  click = () => {
    this.setState({total: this.state.total+10})
  }
  _pageChange = (num) => {
    console.log(num)
  }
  render () {
    return (
      <div className="wrapper">
        <h2>完整的分页</h2>
        <Pagination total={this.state.total} onChange={this._pageChange} />
        <button onClick={this.click}>点击</button>
        <h2>设置组件布局选项</h2>
        <Pagination total={400} 
        layout="pager, total"
        onChange={this._pageChange} />
        <button onClick={this.click}>点击</button>
      </div>
    )
  }
}

props说明

events说明

methods说明