Redux Tree Query HOC with Fallback Values

redux-tree-connector.js

import { connect } from 'react-redux';
import _ from 'lodash';

function reduxConnected(reduxTreeQuery, fallbackValue, propName) {
  return connect(state => ({
    [propName]: _.get(state, reduxTreeQuery, fallbackValue)
  }));
}

export default reduxConnected;

...

// Compose for great good!

const addFooAndBar = _.compose(
  reduxConnected("data.foo", "?", "foo"),
  reduxConnected("data.bar", "?", "bar")
);

var FooBar = props => <span>{props.foo} {props.bar}</span>;
FooBar = addFooAndBar(FooBar);

// Manual without compose

FooBar = reduxConnected("data.foo", "?", "foo")(FooBar);
FooBar = reduxConnected("data.bar", "?", "bar")(FooBar);

Thanks for @epeli for reducing the boilerplate and standardizing the HOC.