PagerContainer.jsx

import React, { Component, PropTypes } from "react";
import { connect } from 'react-redux';
import { nextPage, previousPage, setPage } from '../actions/pager_actions';
import Pager from '../components/Pager';

class PagerContainer extends Component {
    render() {
        return (
              <Pager
                currentPage={+(this.props.currentPage)}
                pageTotal={+(this.props.pageTotal)}
                pagerAction={this.props.pagerAction}
                enterPageNumber={this.props.enterPageNumber}
                clickNextPage={this.props.clickNextPage}
                clickPrevPage={this.props.clickPrevPage}
                doneReloading={this.props.doneReloading}
                reload={this.props.reload}
                />
        );
    }
}

PagerContainer.PropTypes = {
    currentPage: PropTypes.number.isRequired,
    pageTotal: PropTypes.number.isRequired,
    pagerAction: PropTypes.func.isRequired,
    reload: PropTypes.bool.isRequired,
    isDisabled: PropTypes.bool.isRequired
};

function mapStateToProps(state) {

    const {
        currentPage,
        pageTotal,
        reload
    } = state.pagerStore;

    return {
        currentPage,
        pageTotal,
        reload
    };
}

function mapDispatchToProps(dispatch, ownProps){
    return {
        doneReloading: (page) => dispatch(setPage(page, false)),
        enterPageNumber: (e) => {
            if(e.key === 'Enter' && !ownProps.isDisabled){
                const value = e.target.value.replace(/\D/g, '');
                e.target.value = "";
                const { pageTotal } = ownProps;
                console.log(value, pageTotal);

                if(value > 0 && value <= pageTotal){
                    dispatch(setPage(value, true));
                }
            }
        },

        clickPrevPage: () => {
            if(!ownProps.isDisabled){
                dispatch(previousPage());
            }
        },

        clickNextPage: () => {
            if(!ownProps.isDisabled){
                dispatch(nextPage());
            }
        }
    };

}

export default connect(mapStateToProps, mapDispatchToProps)(PagerContainer);