使用打字稿创建反应应用程序 - 如何将类型放入单独的文件中

Question

我正在使用带有打字稿的 CRA (

create-react-app myapp --typescript

)

我的

App.tsx

中有一些打字稿内容，我想将其存储在外部，并且我尝试创建

App.d.ts

、

index.d.ts

、

module.d.ts

，但都不起作用。

这是我正在使用的界面：

declare interface IArgs {
    home: string,
    away: string
}

我需要做什么才能在我的源文件可以共享的文件中声明我的所有 Typescript 内容？

Answer 1

放入外部文件，例如。

interfaces/interfaces.ts

：

export interface IArgs {
    home: string,
    away: string
}

然后在

App.tsx

您想要使用它的地方，通过以下方式导入它：

import { IArgs } from 'interfaces/interfaces';

并根据您的需要使用它。

Answer 2

您还可以创建一个单独的文件，例如

App.types.ts

并将您的类型放在那里。