问题描述
这里有没有人知道是否可以做一些类似于此屏幕录制中发生的事情？ https://www.dropbox.com/s/snhhbeq8knk5dyc/modal-window-routing.mp4?dl=0
这是关于路由一个模态窗口，同时保持下面的 UI 完整。通常我会说要在 React 路由器中实现这一点，URL 需要对后面的内容和模态进行编码。也许有一些嵌套方案（例如 /mainview/settings/general）。但是 Outlook Web 设法做到了这一点，而不会在 URL 中反映触发模式时出现的视图。
在记录中注意设置模式的 URL 是如何相同的，无论您是从草稿还是已发送的项目或任何地方打开它。但是，您打开的视图会保持渲染状态，您在关闭模态时会返回到该视图。
解决方法
根据 react-router-dom 文档，以下链接列出了实现所需结果的正确方法 https://reactrouter.com/web/example/modal-gallery