Redux Container With Dynamic Component

gistfile1.txt

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

import { loadStepDataRequest } from '../../redux/actions';

import getStepByUid from '../../redux/selectors/getStepByUid';
import * as PropTypes from '../proptypes';

// Take state and feed in to component props

const mapStateToProps = (state, ownProps) => ({
  step: ownProps.step,
  isManaged: state.config.runIsAuto,
});

const mapDispatchToProps = (dispatch, ownProps) => ({
  onLoadClick: () => {
    dispatch(loadStepDataRequest(ownProps.step.uid));
  },
});

const connection = connect(mapStateToProps, mapDispatchToProps);

const RendererContainer = ({ component, step }) =>
  React.createElement(connection(component), { step });

RendererContainer.propTypes = {
  component: React.PropTypes.element.isRequired,
  step: PropTypes.step.isRequired,
};

export default RendererContainer;