redux-split.js

import React, { PropTypes, Component } from 'react';
import { connect as reduxConnect } from 'react-redux';

export class Split extends Component {
  static get childContextTypes() {
    return {
      stateMap: PropTypes.func,
    };
  }

  getChildContext() {
    return {
      stateMap: this.props.stateMap,
    };
  }

  render() {
    return (<div>{this.props.children}</div>)
  }
}

export function connect(map) {
  return function (WrappedComponent) {
    return class ConnectSplit extends Component {
      static get contextTypes() {
        return {
          stateMap: PropTypes.func,
        }
      }

      render() {
        const newMap = this.context.stateMap ? (state) => {
          const newState = this.context.stateMap(state);
          const resultState = map(newState);
          return resultState;
        } : map;
        const NewComponent = reduxConnect(newMap)(WrappedComponent);
        return (<NewComponent />);
      }
    }
  }
}