0

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

应用程序的入口点是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);

的render方法RootComponent.js如下所示：

render() {
  return (
    <div className="navContainer">
      <Menu onMenuChange={::this._onMenuChange} ref="slidemenu" alignment="left">
        <MenuItem hash="/page1">Dash Board</MenuItem>
        <MenuItem hash="/page2">Create Deal</MenuItem>
      </Menu>
      <div className={this.state.expand ? 'slidebody' : 'shrinkbody'}>
        <span className="menuIcon" onClick={this.showLeft}>&#9776;</span>
        {this.props.children}
      </div>
    </div>
  );
  }

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

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

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

为什么页面上什么都没有显示？我该如何纠正？

4

1 回答 1

0

为 RootComponent 添加 Route 的路径：

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);
于 2016-08-17T13:45:50.017 回答