React Ionic v7.1同层级动态与静态路由结合问题排查

在 React 结合 Ionic v7.1 开发时，碰到了同层级下动态路由与静态路由无法正常共存的配置问题。我已经尝试了三种基于 IonRouterOutlet 的配置方案，但都存在异常：

• 先配置动态路由 /:category，再配置 /login：初始加载 /login 正常，但进入 /test-category 页面后，无法跳转回 /login，路由始终匹配动态路由规则
• 先配置 /login，再配置 /:category：访问 /login 时，路由直接匹配动态规则，跳转到 CategoryPage
• 嵌套 Switch 组件：路由匹配逻辑正常，但页面切换时会触发重载，没有过渡动画，还无法保留页面状态

我也尝试过用正则否定匹配路由，并且测试了有无 exact 属性的各种组合，都没能解决问题。

相关依赖版本：

• @ionic/pwa-elements: ^3.1.1
• @ionic/react: ^7.1.0
• @ionic/react-router: ^7.1.0
• react: ^18.2.0
• react-dom: ^18.2.0
• react-router-dom: ^5.3.4

内容的提问来源于stack exchange，提问作者Jan Grb