Class PaginationDemo

demo/example/PaginationDemo.jsx:4–74

import {Pagination} from './index.js';

export default class PaginationDemo extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            current: 6,
        };
    }

    handlePageChange(page){
        this.setState({
            current: page
        });
    }

    render() {
        return (
            <div>
                <h3>Pagination</h3>
                <ol>
                    <li>
                        <h4>Default pagination</h4>
                        <Pagination/>
                        <pre>
                            <code>
                                {`<Pagination/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Change event</h4>
                        <p>this will change next pagination</p>
                        <Pagination total={10} onChange={this.handlePageChange.bind(this)}/>
                        <pre>
                            <code>
                                {`<Pagination total={10} onChange={handlePageChange}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Pagination with given current page</h4>
                        <p>now on page {this.state.current}</p>
                        <Pagination current={this.state.current} onChange={this.handlePageChange.bind(this)} total={100}/>
                        <pre>
                            <code>
                                {`<Pagination current={current} onChange={handlePageChange} total={100}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Pagination with full range</h4>
                        <Pagination showRange={true} total={100}/>
                        <pre>
                            <code>
                                {`<Pagination showRange={true} total={100}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>