default.js

default.js 文件用于在并行路由中渲染回退内容，当 Next.js 在完整页面加载后无法恢复插槽的活动状态时使用。

在软导航期间，Next.js 会跟踪每个插槽的活动状态（子页面）。但是，对于硬导航（完整页面加载），Next.js 无法恢复活动状态。在这种情况下，可以为不匹配当前 URL 的子页面渲染 default.js 文件。

考虑以下文件夹结构。@team 插槽有一个 settings 页面，但 @analytics 没有。

当导航到 /settings 时，@team 插槽将渲染 settings 页面，同时保持 @analytics 插槽当前活动页面的状态。

刷新时，Next.js 将为 @analytics 渲染 default.js。如果 default.js 不存在，则渲染 404。

此外，由于 children 是一个隐式插槽，你还需要创建一个 default.js 文件，以便在 Next.js 无法恢复父页面的活动状态时为 children 渲染回退内容。

参考

`params` (可选)

一个解析为包含从根段到插槽子页面的动态路由参数对象的 Promise。例如：

TypeScript
JavaScript

app/[artist]/@sidebar/default.js
export default async function Default({
  params,
}: {
  params: Promise<{ artist: string }>
}) {
  const { artist } = await params
}

app/[artist]/@sidebar/default.js
export default async function Default({ params }) {
  const { artist } = await params
}

示例	URL	`params`
`app/[artist]/@sidebar/default.js`	`/zack`	`Promise<{ artist: 'zack' }>`
`app/[artist]/[album]/@sidebar/default.js`	`/zack/next`	`Promise<{ artist: 'zack', album: 'next' }>`

由于 params prop 是一个 Promise，你必须使用 async/await 或 React 的 use 函数来访问值。
- 在版本 14 及更早版本中，params 是一个同步 prop。为了帮助向后兼容，你在 Next.js 15 中仍然可以同步访问它，但此行为将在未来被弃用。

参考​

params (可选)​

参考

`params` (可选)