connect-to-context

React: Context -> Props

Example

import connectToContext from 'connect-to-context'

const Test1 = connectToContext('primaryId')(TestRaw);

const Test2 = connectToContext(['primaryId', 'testId'])(TestRaw);

const Test3 = connectToContext('primaryId', (context) => ({
    identityFieldName : 'primaryId',
    experimentInputs  : {primaryId : context.primaryId}
}))(TestRaw);

class Provider extends React.Component {
    static childContextTypes = {
        primaryId: React.PropTypes.any,
        testId: React.PropTypes.any,
    };

    getChildContext() {
        return {
            primaryId: this.props.primaryId,
            testId: this.props.testId,
        }
    }

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

ReactDOMServer.renderToStaticMarkup(
    <Provider primaryId = {primaryId} testId = {testId}>
        <Test1/>
        <Test2/>
        <Test3/>
    </Provider>
)