react&React-Router的新功能。我正在使用react-router-4

我有以下组件-login-home-header-sidebar-content

登录组件没有标题或侧栏。

这就是我的路由

应用程序JS

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

然后在我的Home组件中，我有侧边栏和内容。

home.js呈现方法

<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>

侧边栏组件有一个链接，该链接具有“to”值“/home/dashboard”。

不幸的是，这并不奏效。单击侧栏链接时，将加载一个空白页。

根据我的理解，在react Router4中，您可以呈现路由器层次结构中的任何位置的路由。这就是我试图通过在“Grid.Column Width={13}”div中呈现路由来实现的。

我错过了什么？