#Next.js#React

App Router 里 modal 怎么写不闪?

由@void-ptr发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

App Router 的 intercepting routes + parallel routes 做模态框,理论很美,实际上首屏从外层路由跳进模态路由时经常闪一下,或者刷新直接进纯页面。

试过的解法:

  • parallel route 的 default.tsx 必须写,否则 404。
  • intercept 的层级要跟实际路由严格匹配。
  • 模态关闭时用 router.back(),别用 router.push()。

最稳的方案是:模态内容做成 query 参数驱动,路由层只是装饰。复杂度低很多。

大家 intercept + parallel 这套用得多吗?还是直接客户端状态管模态?

回复

暂时没有回复。

Related

相关推荐