Question

我有这样的路线：

<Router history={history}>
   <Route path="/" component={App}>
      <IndexRoute component={Login} />
      <Route path="dashboard" component={Dashboard} />
   </Route>
</Router>

在组件App的render方法中，我有：

return (
  <div>
    <Header loggedIn={ this.props.data.loggedIn}/>
     {this.props.children}
  </div>
);

当我访问我的主页/时，会呈现Header组件，但Login组件不会。

如果我访问/dashboard，也是如此。属性{this.props.children}始终为空。

有什么问题？

修改 <Router>是<Provider>

的包装器

<Provider store{store}>
  <div>
   {this.renderRoutes()}
  </div>
</Provider>

App组件现在只有上面显示的return（）：

我有propTypes和defaultTypes：

App.propTypes = {
    children: PropTypes.object
};

App.defaultTypes = {
    children: null
};

可能defaultTypes设置为null children是问题吗？但是，之前显示的Route我是否正确？

react-router indexroute不起作用

0 个答案: