reactjs try catch in render does not catch children errors
<p>I'm trying to add error catching to the render function of a component. This works fine when I throw an error in the actual render function, but if there are errors in the children of the component, the try does not catch the errors (or they are intercepted by the child component error handlers, I'm not sure?)</p>

<p>Is there anyway to force the errors to the parent.</p>

<pre><code>const SimpleComponent = React.createClass({
    render: function(){
        try{
            throw 'new error'
            return &lt;div&gt;{this.props.children}&lt;/div&gt;
        }catch(e){
            console.log('error', e);        
        }
    }
})
</code></pre>

<p>The above works</p>

<pre><code>const SimpleComponent = React.createClass({
    render: function(){
        try{
            return &lt;div&gt;{this.props.children}&lt;/div&gt;
        }catch(e){
            console.log('error', e);        
        }
    }
})

const ChildComponent = React.createClass({
    render: function(){
        throw 'child error'
    }
})

&lt;SimpleComponent&gt;
    &lt;ChildComponent /&gt;
&lt;/SimpleComponent&gt;
</code></pre>

<p>This above does not catch</p>