编程语言
233
页面是与路由唯一对应的 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>; }
注意事项: