contexDefaultProps.js

contexDefaultProps.js

import React from "react";
import PropTypes from "prop-types";

export function withContextDefaults(WrappedComponent) {
  return class extends React.Component {
    // Make sure context field contextName is in the child so it recieves the context
    static contextTypes = {...WrappedComponent.contextTypes || {}, contextName: PropTypes.string}

    componentWillMount() {
      const contextDefaultProps = (WrappedComponent.contextDefaultProps && WrappedComponent.contextDefaultProps[this.context.contextName]) || {}
      this.newProps = {...this.props, ...contextDefaultProps}
    }

    render() {
      return <WrappedComponent {...this.newProps}/>;
    }
  }
}

@withContextDefaults
class PrintName extends React.Component{

    propTypes = {
      name: PropTypes.string.isRequired
    }

    contextDefaultProps = {
      test: {
        name: 'John Doe'
      }
    }

    render = () =>
        <p>Hello {this.props.name}</p>
}