Reactjs 如何使用React router渲染多个组件相同的路由路径

我正在创建一个仪表板页面，如果路径为/Dashboard，我总是希望在其中显示一个侧栏组件。但我还希望/dashboard也渲染另一个组件

我正在努力实现的目标：

• 路由路径：/dashboard应该呈现

  Sidebar.js

  +

  Overview.js

  组件
• 路由路径：/dashboard/account应该呈现

  Sidebar.js

  +

  account.js

  组件
• 路由路径：/dashboard/favorites应该呈现

  Sidebar.js

  +

  favorites.js

  组件
• 等等

有人能为我指出正确的方向吗？如何实现这一目标？我的脑袋绕不过去

请参阅下面的内容，了解我想要它的方式：

这就是我迄今为止所尝试的：

              <Route path="/" exact component={Home} />
              <Route path="/podcast/:podId/:podName" component={Podcast} />
              <Route exact path="/categori/:categoryName" component={Category} />
              <AuthRoute path="/login" component={Login} />
              <AuthRoute path="/signup" component={Signup} />
            </Switch>
            <Route
              path="/dashboard"
              render={({ match: { url } }) => (
                <>
                  <Route path={`${url}/`} component={Sidebar} />
                  <Route path={`${url}/`} component={Overview} />
                  <Route path={`${url}/favorites`} component={Favorites} />
                </>
              )}
            />```

(
)}
/>```

你应该开始写作。创建页面组件，将这些组件组合在一起，并将页面添加到路由器

例如，FavoritePage.js将

其他页面也是如此

然后在路由器中，您将拥有

或者，如果希望侧栏是静态的。提及

{/*A查看其子对象和
呈现与当前URL匹配的第一个URL.*/}

这不是我要找的。。这将每次重新呈现侧栏组件。更新的答案与将侧栏移出的替代方法更新的答案不能解决我的问题。使用您的解决方案，侧边栏将呈现在路径“/”上。我希望它呈现在“/仪表板”。。。