Passing props to generic children
<p>Is there way to pass props to a generic child (not a component that you know ahead)? </p>

<p>Something that would make <code>Wrapper</code> be able to pass <code>foo</code> to children.</p>

<pre><code>var Wrapper = React.createClass({
    render: function () {
        return &lt;div&gt;
            {this.props.children foo={2}} 
        &lt;/div&gt;

    }
});

var App = React.createClass({
    render: function () {
        return (
            &lt;Wrapper&gt;
                {this.props.foo}
            &lt;/Wrapper&gt;
        )
    }
});
</code></pre>

<p><a href="https://jsfiddle.net/czLym0nv/" rel="noreferrer">jsfiddle</a></p>