withActions

gistfile1.txt

import React, { PropTypes } from 'react';

import { camelize } from './';

export default (actionTypes = []) => (Component) => {
  return class extends React.Component {

    static defaultProps = {
      $: PropTypes.func,
      dispatch: PropTypes.func,
    };

    static propTypes = {
      $: (action) => action,
      dispatch: () => {},
    };

    constructor(props) {
      super(props);

      const { $, dispatch } = props;
      this.actions = actionTypes.reduce((acc, type) => {
        return {
          ...acc,
          [camelize(type)]: (payload) => dispatch($({ type, payload })),
        };
      }, {});
    }

    render() {
      return (
        <Component {...this.props} actions={this.actions} />
      );
    }
  };
};