Javascript 反应路由器:页面上没有可见内容

Javascript 反应路由器:页面上没有可见内容,javascript,reactjs,react-router,react-router-component,Javascript,Reactjs,React Router,React Router Component,我正在尝试创建一个React应用程序,但我遇到了一个问题:当我尝试加载主页时,不会抛出错误,但页面上不会显示任何内容 应用程序的入口点是main.js,它在render方法中具有以下内容: React.render(( ),文件正文); RootComponent.js的render方法如下所示: render(){ 返回( 仪表板 创造交易 ☰ {this.props.children} ); } 其余的组件都是简单的组件。正如我提到的,没有错误,但是应用程序没有显示任何内容。

我正在尝试创建一个React应用程序,但我遇到了一个问题:当我尝试加载主页时,不会抛出错误,但页面上不会显示任何内容

应用程序的入口点是
main.js
,它在
render
方法中具有以下内容:

React.render((
),文件正文);
RootComponent.js的
render
方法如下所示:

render(){
返回(
仪表板
创造交易
☰
{this.props.children}
);
}
其余的组件都是简单的组件。正如我提到的,没有错误,但是应用程序没有显示任何内容。这是浏览器中实际渲染的内容:

<body>
  <noscript data-reactid=".0"></noscript>
</body>

我正在使用“react”:“^0.13.3”和“react路由器”:“^1.0.0-beta3”


为什么页面上没有显示任何内容?如何更正此问题?

为RootComponent添加路由路径:

React.render((
 <Router path="/" history={history}>
 <Route component={RootComponent}>
  <Route path="/page1" component={Page1}></Route>
  <Route path="/page2" component={Page2}></Route>
</Route>
</Router>
), document.body);
React.render((
),文件正文);

(如果没有一个包含所有组件的工作提琴/code笔,没有人能够真正为您解决这个问题,因为问题可能出在任何组件上。此外,请尝试在路由器外部渲染您的组件,看看它们是否抛出错误,当它们分开时,您可以看到。)好的,这是整个代码库。我做了一些调试,发现路由器外部的渲染组件工作正常。但是在上面的结构中,永远不会调用RootComponent的render方法。因此,实际问题是RootComponent没有得到渲染。