在 typescript 接口中编写类型对象的接口

Question

这是我的数据结构，我该如何为它编写接口？

const TransitReport: {
        title: string;
        client: string;
        data: {
            overdueReviews: number;
            outstandingCovenantBreaches: number;
            outstandingMarginingBreaches: number;
            periodStartDate: string;
            periodEndDate: string;
        };
    }[]

我试过这个：

export interface TransitReport {
  title: string;
  client?: string;
  data: Record<string, unknown>;
  overdueReviews: number;
  outstandingCovenantBreaches: number;
  outstandingMarginingBreaches: number;
  periodStartDate: string;
  periodEndDate: string;
}

这有点适用于模拟 API 调用数据，但是在编写测试用例时我遇到了以下错误：

输入'

{ title: string; 
client: string; 
data: { 
overdueReviews: number; 
outstandingCovenantBreaches: number; 
outstandingMarginingBreaches: number; 
periodStartDate: string;
periodEndDate: string; 
}; }'

类型中缺少以下属性 'TransitReport'：逾期评论、未完成的 CovenantBreaches、未完成的 MarginingBreaches、periodStartDate、periodEndDate

Answer 1

打破你的界面TransitReport如下代码片段，因为你需要在数据记录下提供overdueReviews, periodEndDate等。否则，它会检查根 TransitReport 对象下的那些属性，这些属性不存在。

export interface TransitReport {
    title: string;
    client?: string;
    data: DataRecord;
}

export interface DataRecord {
    overdueReviews: number;
    outstandingCovenantBreaches: number;
    outstandingMarginingBreaches: number;
    periodStartDate: string;
    periodEndDate: string;
}

在 typescript 接口中编写类型对象的接口

Write interface of type object in typescript interface

javascript

angular

typescript

interface

angular-test