在 Typescript 中扩展外部类型声明

Question

我正在使用 Typescript 和 ant 设计库，并且我正在尝试扩展其中一个接口，只是为了添加单个属性。 我可以导入原界面（这样你就知道文件夹结构了）：

import { CollapseProps } from 'antd/lib/collapse/Collapse';

我不知道如何扩展它。

我在项目根目录中创建了一个typings/antd 文件夹，将路径配置添加到tsconfig.json（和baseUrl）：

"paths": {
  "antd": [
    "node_modules/antd",
    "typings/antd"
   ]
 }

我尝试了导出扩展接口的不同变体，例如：

export interface CollapsePanelProps {
  showArrow?: boolean;
}

在typings/antd/index.d.ts

或者我尝试模仿antd文件夹结构，把Collapse.d.ts文件放在typings/antd/collapse里面

或尝试在我的类型文件中声明命名空间 antd 并将接口放入其中。

这些似乎都不起作用。

Answer 1

我的理解是声明文件仅适用于外部 Javascript 文件。

您能否仅扩展原始界面并在代码中使用您的界面？

import {CollapsePanelProps as OriginalCollapsePanelProps} from 'antd/Collapse';

export interface CollapsePanelProps extends OriginalCollapsePanelProps {
  showArrow?: boolean;
}