路由中的react-router v4路由不起作用

Question

这是我的app.js

render(){
return(
<BrowserRouter>
    <div>
        <Switch>
        <Route exact path='/dashboard' component={Dashboard} />
        </Switch>
    </div>
</BrowserRouter>)
}

然后在仪表板组件中我有另一条路线

render(){
   return(
            <div>
                <Navbar />
                <Container>
            <Switch>
              <Route path='/' component={()=><UserArea />} />
              <Route path='/testing' component={()=><p>testing</p>} />
            </Switch>
                </Container>
            </div>
   )
}

奇怪的是它需要返回供应组件。当我访问localhost：3000 / dashboard时<UserArea />工作，这是预期的，但是当我localhost:3000/dashboard/testing时它不起作用。我看到屏幕上没有任何错误。

我在这里创建了一个迷你缩影https://codesandbox.io/s/3xwqoowm5m

在上面的网址末尾添加/ home。

修改 此问题已解决：https://codesandbox.io/s/j7pp98lz2y