页面

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

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

// `app/page.tsx` 是 `/` URL 的 UI
export default function Page() {
  return <h1>你好，首页！</h1>
}

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

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

值得注意的是：

• 页面可以使用 .js、.jsx 或 .tsx 文件扩展名。
• 页面始终是路由子树的叶子节点。
• 需要 page.js 文件才能使路由段公开可访问。
• 页面默认是服务器组件，但可以设置为客户端组件。
• 页面可以获取数据。更多信息请查看数据获取部分。