反应路由器无法呈现路由

Question

新反应& react-router。 我使用的反应路由器-4

我有以下部件 - 登录 - 首页 - 头 - 侧边栏 - 内容

登录组件没有报头或侧边栏。

这是我如何路由

App.js

<Switch> 
    <Route exact path='/login' component={Login}/> 
    <Route exact path='/home' component={Home}/> 
</Switch> 

然后在我的家庭成分，我有侧边栏和内容。

Home.js render方法

<Grid> 
    <Grid.Row> 
     <Grid.Column width={3}> 
      <SideBar/> 
     </Grid.Column> 
     <Grid.Column width={13}> 
      <Route exact path='/home/dashboard' render={() => <div>Home</div>} /> 
     </Grid.Column> 
    </Grid.Row> 
</Grid> 

侧边栏组件具有其具有 '到' 值 '/家/仪表盘' 的链接。

不幸的是，这是行不通的。在单击SideBar链接时，会加载一个空白页面。

根据我的理解，在响应路由器4中，您可以在路由器层次结构中的任意位置呈现路由。这是我想通过在'Grid.Column width = {13}'div中渲染一条路径来实现的。

我在这里错过了什么？

Answer 1

Switch中的第二条路由是问题。它应该是：

<Switch> 
    <Route exact path='/login' component={Login} /> 
    <Route component={Home} /> 
</Switch>