布局、嵌套与导航

建公共导航和学习区嵌套布局:页面切换时布局保留不重载,激活态用 usePathname 实现,子路由错误不会波及布局。

Next.js核心约 25 分钟
开始学习
学习目标
  • 用 layout.tsx 建立根布局与学习区嵌套布局,验证切换页面时布局状态保留
  • 用 usePathname 在客户端导航组件里实现当前路由高亮
  • 解释布局保留与错误隔离:页面级 error 不会把整个布局打掉
知识点
layout.tsx嵌套布局usePathname布局保留

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...