react-paginate-component

react-paginate

A pagination component for ReactJS using Twitter Bootstrap markup

Example: http://jsfiddle.net/kb3gN/8460/

Install

Via Bower:

bower install react-paginate

Via NPM

npm install react-paginate-component

Usage

var Paginate = require('react-paginate'); // in Node: react-paginate-component
 
var App = React.createClass({
    getInitialState: function() {
        return {
            items: [...]
        }
    },
    onChangePage: function(page) {
        return request(url, {page: page}).then(function(items) {
            this.setState({items: items});
        }.bind(this));
    },
    render: function() {
        return (
            <div>
                <h1>My App</h1>
                // Print items here
                <Paginator max={5} onChange={this.onChangePage}/>
            </div>
        );
    }
});