Example of component + container

Filter.js

import React, { Component, PropTypes } from 'react';
import { ALL, ACTIVE, COMPLETED } from 'src/constants';

class Filters extends Component {
  static propTypes = {
    currentFilter: PropTypes.oneOf([
      ALL,
      ACTIVE,
      COMPLETED,
    ]).isRequired,
    setFilter: PropTypes.func.isRequired,
  };

  renderItem = filter => {
    const handleClick = () => this.props.setFilter(filter);
    const classes = this.props.currentFilter === filter
      ? 'selected'
      : '';

    return (
      <li onClick={handleClick}>
        <a className={classes}>{filter}</a>
      </li>
    );
  };

  render() {
    return (
      <ul className="filters">
        {this.renderItem(ALL)}
        {this.renderItem(ACTIVE)}
        {this.renderItem(COMPLETED)}
      </ul>
    );
  }
}

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { setFilter } from 'src/actions';

export default connect(
  state => ({ currentFilter: state.filter }),
  dispatch => bindActionCreators({ setFilter }, dispatch)
)(Filters);