dev.to | 📄 原文链接 | 2026-09-16 收录

Next.js 并行与拦截路由:把弹窗做对

来源:dev.to — 2026-09-15

📋 概述

做图片网格时,用 useState 加条件渲染十分钟就能让缩略图弹出全图的模态框,但一刷新页面模态框就没了——那个布尔值活在内存里,URL 从不知道有弹窗打开;别人分享链接想指向某张照片,打开的却是信息流。作者指出这正是 App Router 自己的路由模型专门要解决的问题之一,工具是两个在文档里容易被略过、也很难凭记忆用对的约定:并行路由和拦截路由。文章基于 Next.js 16.3,这些约定自 Next.js 13 起就稳定,也不属于新的 Cache Components 模型。

🔑 核心要点

💡 金句

模态框从来不是一个位置,它是一个客户端状态标志。
← 返回 dev.to 首页