typescript接口中object类型的写接口

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”类型的以下属性：overdueReviews、优秀的CovenantBreaches、优秀的MarginingBreaches、periodStartDate、periodEndDate

Answer 1

将您的界面TransitReport为以下代码片段，因为您需要在数据记录下提供overdueReviews, periodEndDate等。 否则，它将检查您的根TransitReport object 下不存在的那些属性。

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

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