有没有办法在组件中渲染路由？

Question

我正在为我的网站创建一个管理页面，我想在控制面板内创建路由，以便在单击选项时将其重定向到其内容，而无需重新加载整个模板（标题，菜单，等等）。 我已经有一个routes.js文件，该文件可用于从外部页面（登录页面和其他页面）重定向，并且我希望将子部分路由到“内容组件”中，但我不知道该怎么做那。

我已经尝试过类似的事情：

<Router>
  <div className="panel">
    <Header />
    <Menu />
    <Content />
  </div>
</Router>

在我的内容中，我创建了以下结构：

<div className="content">
  <Switch>
    <Route path="/panel" component={Products} />
    <Route
      path="/panel/dashboards"
      component={Dashboards}
    />
  </Switch>
</div>

但是它会不断重新加载整个页面。