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

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

// app/page.tsx
// `app/page.tsx` 是 `/` URL 的 UI
export default function Page() {
    return <h1>Hello, Home page!</h1>;
}

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

// app/dashboard/page.tsx
// `app/dashboard/page.tsx` 是 `/dashboard` URL 的 UI
export default function Page() {
    return <h1>Hello, Dashboard Page!</h1>;
}

注意事项：

页面可以使用 .js、.jsx 或 .tsx 文件扩展名。

页面始终是路由子树的叶节点。

page.js 文件是使路由段公开访问所必需的。

页面默认是服务器组件，但可以设置为客户端组件。

页面可以获取数据。更多信息请查看数据获取部分。

Pages