Typescript: İç içe nesneler için arayüzleri nasıl tanımlarım?

Aşağıdaki gibi bir şeye ayrıştıran bir JSON yüküm olduğunu varsayalım:

{
    name: "test",
    items: {
        "a": {
            id: 1,
            size: 10
        },
        "b": {
            id: 2,
            size: 34
        }
    }
}

Öğeler özelliğinin değerinin anahtarları dizeler olan ve değerleri Öğe arabirimi tarafından tanımlanan bir nesne olduğunu modellemek için Örnek arabirim tanımını nasıl ayarlayabilirim:

export interface Example {
    name: string;
    items: ???;

}

export interface Item {
    id: number;
    size: number;
}

Typescript, sözdizimini kullanarak nesne anahtarları için bir tür eklemenize izin verir [key: string].

Belgelerde belirtildiği gibi, bunlar dizine eklenebilir türler olarak adlandırılır :

İndekslenebilir türler, indeksleme sırasında karşılık gelen dönüş türleriyle birlikte nesneye indekslemek için kullanabileceğimiz türleri açıklayan bir indeks imzasına sahiptir.

Sizin durumunuzda, aşağıdakileri kullanırsınız:

export interface Item {
    id: number;
    size: number;
}

export interface Example {
    name: string;
    items: {
        [key: string]: Item
    };
}

Referans için, burada canlı bir örneğe bir bağlantı var .