react-paging

React,Paging generator,Completely custom style. 可完全自定义界面的 React 分页

🔗 Live demo
🕐 Releases

🌀 Example 🌀 Doc 🌀 Test

📦 Install

npm i react-paging --save

📄 Usage

<div id="demo"></div>

var Paging = require('react-paging')
var React = require('react')
var App = React.createClass({
    getInitialState: function () {
        return {
            page: 10
        }
    },
    render: function () {
        var self = this
        return (
            <div>
                <Paging {...{
                    page: self.state.page,
                    pageCount: 20,
                    onChange: function (page) {
                        self.setState({
                            page: page
                        })
                    }
                }} />
            </div>
        )
    }
})

ReactDOM.render(<App />, document.getElementById('demo'))

props

props

.pa-paging--fast

default style

🔨 development

npm i -g fis3 --registry=https://registry.npm.taobao.org
# Install dependencies | 安装依赖
npm run dep
    # > Suggested Use `yarn` replace `npm run dep` | 建议使用 `yarn` 替代 `npm run dep`
    # npm i -g yarn
    # npm run yi

# Server
npm run s

# Build
npm run dev


#  build document ./output | 构建 gh-pages 版本 到 output/
npm run gh
#  git push ./output branch:gh-pages | 将 output/** 发布到 gh-pages 分支
npm run gh-push
# build commonjs code ./output | 构建 npm 要发布的代码到 output/
npm run npm
cd ./output
npm publish

Build based on fast-boot

For npm owner: npm publish Need to be in ./output