NextJS 项目中的类型声明

Question

我对 NextJS 和 typescript 都是新手。我正在创建一个练习项目，我想知道将所有类型定义存储在像

global.d.ts

这样的一个文件中是否是一个好主意？或者将所有类型定义保留在一个文件中会影响项目性能吗？如果是这样，在使用打字稿时存储类型定义的正确方法是什么？

我正在尝试使用 Typescript 进行 Next JS 项目。

Answer 1

您的类型定义应该存储在使用它们的地方。例如，如果您有一个用户域，则将用户类型放入该文件夹中。

Answer 2

定义类型可以在

app/lib/definitions.ts

中完成，但我认为这是个人喜好。此外，类型的命名约定通常是 PascalCase。

例如，在定义文件中，我们可以定义它们，例如：

export type TypeName = {
  id: string;
  name: string;
};

然后我们可以导入 .tsx 文件（或正在使用的任何文件），例如：

import { TypeName } from '@/app/lib/definitions';

在单独的文件（例如定义文件）中定义类型的优点是，我们不必在单独的 .tsx 文件中多次定义它们。