Javascript 使用React路由器Dom的Url路径级别

如何使用react router dom来使用此路径

admin/users/：id

当级别只有一级时，我没有问题，我的意思是：

/users/：id

路由器：

class App extends Component {
  render() {
    return (
      <Router>
        <React.Fragment>
          <Header />
          <Container fluid={true} className="content">
            <Switch>
              <Route path="/dashboard" render={() => <h1>DashBoard</h1>} />
              <Route path="/admin/users" component={AdminUsers} />
              //Below line is not working as I expect.
              <Route path="/admin/users/:id" render={() => <h1>User View</h1>} />
              <Route path="/admin/clients" render={() => <h1>Admin Clients</h1>} />
              <Route path="/reporting" component={AdminReportPage} />
              <Route path="/help" render={() => <h1>Help</h1>} />
              <Route render={() => <h1>Page not found.</h1>} />
            </Switch>
          </Container>
        </React.Fragment>
      </Router>
    )
  }
}

export default App;

类应用程序扩展组件{
render（）{
返回(
仪表板}/>
//下面的线并不像我预期的那样工作。
用户视图}/>
管理客户端}/>
帮助}/>
找不到页面。}/>
)
}
}
导出默认应用程序；

当我尝试转到

admin/users/：id

时，应用程序没有响应，并停留在

admin/users

中

额外：“反应路由器dom”：“4.3.1”

放置“/admin/users”的确切属性 i、 e:

<Route exact path="/admin/users" component={AdminUsers} />