@dtrussia/react-pager/src/page.jsx

Stateless Pager component

import React, { Component } from 'react';

export default class Page extends Component {
  render() {
    const { isHidden, isActive, isDisabled, className, onClick, children, key } = this.props;

    if (isHidden) return null;

    const baseCss = className ? className + ` ` : ``;
    const css = baseCss + (isActive ? `active` : ``) + (isDisabled ? ` disabled` : ``);

    return (
      <button key={key} className={css} onClick={onClick}>
        {children}
      </button>
   );
  }
}