Pages 3个月前

编程语言
233
Pages

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

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

image

// 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>;
}

注意事项

image
EchoEcho官方
无论前方如何,请不要后悔与我相遇。
1377
发布数
439
关注者
2223375
累计阅读

热门教程文档

爬虫
6小节
Java
12小节
Next
43小节
Golang
23小节
Vue
25小节