React不会在angular-router内或在ajax请求之后渲染组件

Question

我正在尝试在角度ui-router视图中的反应示例。当我将示例代码放在页面的主页中时，即当它加载文档时，它工作正常。

但是我把代码放在一个视图中（通过SPA项目中的ajax async加载）它没有用。没有行动。我怎么解决这个问题。我认为这是因为babel，它没有查看加载异步的内容。

以下是代码示例。

<script type="text/babel">
    var Search = React.createClass({
        getInitialState: function() {
            return { showResults: false };
        },
    onClick: function() {
        this.setState({ showResults: true });
    },
    render: function() {
        return (
            <div>
                <input type="submit" value="Search" onClick={this.onClick} />
                { this.state.showResults ? <Results /> : null }
            </div>);
        }
    });

    var Results = React.createClass({
        render: function() {
        return (
                <div id="results" className="search-results">
                    Some Results
                </div>
            );
        }
    });

    ReactDOM.render(<Search /> , document.getElementById('react-cont'));
</script>