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

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'; 导入它并根据您的需要使用它。