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;
}