反应路由器：页面上看不到任何内容

Question

我正在尝试创建一个React应用程序，但是我遇到了一个问题：当我尝试加载主页面时没有抛出任何错误，但页面上没有显示任何内容。

该应用的入口点为SharedPrefrences，其中main.js方法为：

render

React.render(( <Router history={history}> <Route component={RootComponent}> <Route path="/page1" component={Page1}></Route> <Route path="/page2" component={Page2}></Route> </Route> </Router> ), document.body); 的{​​{1}}方法如下所示：

render

其余组件是简单组件。正如我所提到的，没有错误，但应用程序没有显示任何内容。这是在浏览器中实际呈现的内容：

RootComponent.js

我正在使用“react”：“^ 0.13.3”和“react-router”：“^ 1.0.0-beta3”。

为什么页面上没有显示？我怎么能纠正这个？

Answer 1

为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);