cuz/src/components/PageSize/PageSizeItem.js

Front-end modular development kit.

import React from 'react';
import classNames from 'classnames';

const PageSizeItem = React.createClass({
  propTypes: {
    onSelect: React.PropTypes.func,
    active: React.PropTypes.bool,
    item: React.PropTypes.number,
  },

  getDefaultProps() {
    return {
      sizeList: [20, 40, 60],
      defaultSize: 20,
      showText: 'show',
    };
  },

  onSelect() {
    this.props.onSelect(this.props.item);
  },

  render() {
    const { active, item } = this.props;
    return (
      <li >
        <a onClick={this.onSelect} className={classNames({'active': active})}> {item} </a>
      </li>
    );
  }
});

export default PageSizeItem;