Redux Tree Query HOC with Fallback Values

redux-tree-connector.js

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

function reduxConnected(reduxTreeQuery, fallbackValue) {
  return WrappedComponent => {
    const mapStateToProps = (state) => ({
      reduxTreeQuery: _.get(state, reduxTreeQuery, fallbackValue)
    });

    class ReduxConnectedComponent extends React.Component {
      render() {
        return (
          <WrappedComponent reduxTreeQuery={ this.props.reduxTreeQuery } />
        );
      }
    }

    return connect(
      mapStateToProps,
      null
    )(ReduxConnectedComponent);
    
  }
}

export default reduxConnected;

/* 

Usage:

import React, {Component} from 'react';
import reduxConnected from './redux-connected';
class Age extends Component {
  render() {
    return (
      <span>{this.props.reduxTreeQuery}</span>
    )
  }
}

const Age = () => (<span>{this.props.reduxTreeQuery}</span>);

export default reduxConnected('user.age', '?')(Age);

*/