react contexts (0.13)

demo.js

import React from 'react';

class Inside extends React.Component {
    static contextTypes = {
        section: React.PropTypes.string,
    };

    render() {
        return (<span>INSIDE {this.context.section}</span>);
    }
}

class Wrapper extends React.Component {

    static childContextTypes = {
        section: React.PropTypes.string,
    };

    getChildContext() {
        return {
            section: '123',
        };
    }

    render() {
        return (<div>
            {React.Children.map(
                this.props.children,
                (element)=> (
                    React.createElement(element.type, element.props)
                )
            )}
        </div>);
    }
}

export default class Context extends React.Component {

    static childContextTypes = {
        section: React.PropTypes.string,
    };

    getChildContext() {
        return {
            section: '333',
        };
    }


    render() {
        return (<Wrapper>
            <Inside />
        </Wrapper>);
    }
}