React-router：一旦挂载，即使路由更改，也不要卸载路由上的组件

Question

我有一个React应用程序，它声明了一些路由：

     <Switch>
      <Route exact path={'/'} render={this.renderRootRoute} />
      <Route exact path={'/lostpassword'} component={LostPassword} />
      <AuthenticatedRoute exact path={'/profile'} component={Profile} session={session} redirect={'/'} />
      <AuthenticatedRoute path={'/dashboard'} component={Dashboard} session={session} redirect={'/'} />
      <AuthenticatedRoute path={'/meeting/:meetingId'} component={MeetingContainer} session={session} redirect={'/'} />
      <Route component={NotFound} />
    </Switch>

（AuthenticatedRoute是检查会话的哑组件，调用

其中基本上每个组件在路线改变时被安装/卸载。我想保留这个方面，除了做很多事情的Dashboard路由，我想卸载一次，而不是在仪表板上（假设你到达一个会议页面，你不需要挂载仪表板但是一旦你加载了一次你的仪表板，当你进入你的个人资料页面，一次会议或其他什么，当你回到你的仪表板上时，组件不必再次加载。

我在React router文档中读到，渲染或子级可能是解决方案，而不是组件，但我们可以将路由与子级混合，将其他路由与组件混合吗？我尝试了很多事情，但从未达到我想要的效果，即使使用渲染或子项，我的仪表板组件仍在安装/卸载。

多谢你的帮忙




Answer 1

开关组件只渲染一条路线，最早的匹配获胜。由于仪表板组件位于仪表板内部，因此只要另一个路由匹配，它就会被卸载。将此路由移到外部，它将与渲染或子级一起工作。