在打字稿接口中编写类型对象的接口

问题描述

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

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'：overdueReviews、outstandingCovenantBreaches、outstandingMarginingBreaches、 periodStartDate、 periodEndDate

解决方法

打破你的界面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;
}