不导入就使用类型和接口

Question

我最近转向打字稿来编写 React Native 应用程序，我注意到的一件事是我可以使用类型而无需导入/导出它们。我已将所有定义文件放在@types文件夹下。

不导出和导入类型是正确的做法吗？

如果我从node_modules/导入一个外部类型（比如ViewTylerfromreact-本机）并在我的界面中使用它，它会在VScode中显示“找不到名称”，我必须导出界面并在需要解决此问题的地方导入它。

我正试图使用最少的进口数量。

Answer 1

第一种选择:

您可以使用TS命名空间——这将减少应用程序中的导入量(您不必手动从命名空间导入每个类型)。例如，假设我们有< code>app.namespace.ts文件:

export namespace AppConfig {
  export interface BaseConfig {
    url: string;
    port: number;
  }

  export type MyMap<T> = {
    [key: string]: T;
  }

  export class Settings {
    public p1: boolean;
    public p2: number;
  }
}

用法：

import { AppConfig } from './app.namespace';
// ...
baseConfig: AppConfig.BaseConfig;
myMap: AppConfig.MyMap<number>;
// ...

第二种选择：

只需在项目中创建＜code＞.d.ts＜/code＞文件（通常每个应用程序子模块都有自己的模型文件，因此您可以在feature文件夹中创建＜code＞一些feature.d.ts）。在这种情况下，您可以使用d.ts文件中的任何类型，而无需导入。

查看此Stackblitz演示