Menu

页面

页面是对应特定路由的唯一 UI。你可以通过在 page.js 文件中默认导出一个组件来定义页面。

例如,要创建你的 index 页面,在 app 目录中添加 page.js 文件:

page.js 特殊文件
app/page.tsx
// `app/page.tsx` 是 `/` URL 的 UI
export default function Page() {
  return <h1>你好,首页!</h1>;
}
app/page.js
// `app/page.js` 是 `/` URL 的 UI
export default function Page() {
  return <h1>你好,首页!</h1>;
}

然后,要创建更多页面,创建一个新文件夹并在其中添加 page.js 文件。例如,要为 /dashboard 路由创建一个页面,创建一个名为 dashboard 的新文件夹,并在其中添加 page.js 文件:

app/dashboard/page.tsx
// `app/dashboard/page.tsx` 是 `/dashboard` URL 的 UI
export default function Page() {
  return <h1>你好,仪表板页面!</h1>;
}
app/dashboard/page.js
// `app/dashboard/page.js` 是 `/dashboard` URL 的 UI
export default function Page() {
  return <h1>你好,仪表板页面!</h1>;
}

值得注意的是