reactjs - 在 TypeScript 中构建 NextJS 应用程序时是否需要 NextPage

Question

在 nextJS 示例中，特别是展示如何将 TypeScript 与 NextJS 一起使用的示例，它们不使用 NextPage 类型。

我正在谈论的文件在这里： https://github.com/vercel/next-learn-starter/blob/master/typescript-final/pages/posts/%5Bid%5D.tsx相关代码是这个：

export default function Post({
  postData
 }: {
    postData: {
    title: string
    date: string
    contentHtml: string
  }
 }) {
   return (...

我认为它可以这样写：

export default function Post : NextPage<Props> ({
  postData
 }: {
    postData: {
    title: string
    date: string
    contentHtml: string
  }
 }) {
   return (...

或类似的东西。

我的问题是，我在 NextJS 站点中找不到任何关于使用导入接口 NextPage 的文档，具体来说，下一个团队将其从文档中删除。

我应该使用 NextPage 吗？

标签： reactjstypescriptnext.js

Answer 1

两者都可以。它只是一种类型。

如果添加NextPage<Props>，则参数中的类型声明不是必需的。您可以将其简化为

export default function Post : NextPage<Props> ({ postData }) {
  ...
}