Next.js 中的 NextPage 是做什么的?

cyb*_*Ann 9 javascript typescript reactjs tsx next.js

我刚刚开始将 TypeScript 与 Next 结合使用。这是做什么的? import { NextPage } from 'next'; export const Page: NextPage = () => {} 我查看了文档,但它确实很好地解释了它的作用。

我根据名称猜测它会路由页面。有人可以解释一下这是做什么的吗?

谢谢。

小智 7

我的建议是从这里开始,但简而言之:

import { NextPage } from 'next';

export const Page: NextPage = () => {}
Run Code Online (Sandbox Code Playgroud)

NextPage 是 NextJS 导出的类型。当我们编写时,Page: NextPage我们说的是我们的Page组件是类型NextPage

  • 我一直在学习 React 和 NextJs,我发现大多数人不使用这种格式。只需创建导出默认函数即可。我只在我现在正在使用的 NextJs MaterialUI 示例中看到了这一点。您能告诉我使用上述内容是否有任何好处吗?谢谢 (4认同)