ReactJS随机返回空脚本而不是内容

Question

我使用ReactJS和React Router有一个奇怪的问题。我让我的主App返回了一些基本的HTML，它可以很好地加载到页面上：

App.routes = (
    <Router.Route name="app" path="/" handler={App.App}>
        <Router.DefaultRoute handler={App.Matches} />
    </Router.Route>
);

---

App.App = React.createClass({
    render: function () {
        return (
            <div>
                <App.NavBar />
                <div className="ui page grid">
                    <div className="four wide column">
                        One
                    </div>
                    <div className="eight wide column">
                        Two
                    </div>
                    <div className="four wide column">
                        Three
                    </div>
                </div>

                <Router.RouteHandler/>
            </div>
        );
    }
});

NavBar组件与HTML一起加载正常。但是，我希望路由器现在加载默认处理程序App.Matches：

App.Matches = React.createClass({
    render: function() {
        return (
            <div>
                Content
            </div>
        );
    }
});

据我所知，这应该有效。但是，渲染时，我只是在`div下面得到一个空的脚本标记，如此：

<script data-reactid=".0.2"></script>

任何人都知道为什么？真让我困惑。