如何向现有接口添加新属性，然后在 Typescript 中导出新接口？

Question

如何创建和导出新界面 - UIInterface：（希望将 SummaryInterface 与其他一些新属性结合起来）

例子：

import { SummaryInterface } from 'x-api'; // summaryInterface has 20+ properties defined and is auto-generated from script

我的尝试

export interface UIInterface {
    SummaryInterface &
     { displayStatus: string;
       flag: boolean }; 
}

Answer 1

通过像这样扩展另一个接口：

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}

Answer 2

你可以试试下面的代码：

通过扩展父 class 属性

说明：基本上，您在下面的代码中，同时具有父接口和子接口的属性。

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}