Typescript: определить интерфейс без специальных ключей и цепочек

Question

У меня есть такой пример данных, которые я получаю:

{
  Europe: {
    WestEurope: {
      Belgium: [French, English, Dutch]
   }
  }
}

Не уверен, как я могу создать интерфейс для такой динамической структуры, где у меня есть дерево:

Объект-> Объект (из регионов) -> Объект (из подрегионов) -> Объект (из Страны) -> ArrayOfStrings (of languages)

Я пытался так:

export interface Localisation {
    [key: string]: Localisation;
}
export interface Region {
    [key: string]: Region;
}
export interface SubRegion {
    [key: string]: SubRegion;
}
export interface Country {
    [key: string]: Country;
}
export interface Language {
    [index: number]: Array<string>;
}

но они не «связаны» -> поэтому «Локализация» не знает, что она содержит «Регионы» и т. Д. И я хочу как-то их соединить. Возможно ли это?

Answer 1

Как насчет этого?

interface Country {
  [proporty: string]: string[];
}

interface SubRegion {
  [property: string]: Country;
}

interface Region {
  [property: string]: SubRegion;   
}

interface Localisation {
  [property: string]: Region;
}

Answer 2

Альтернативой является не использование отдельных интерфейсов, а вложение всего в один интерфейс. Это работает, только если вам не нужны отдельные типы.

interface Localization {
    [region: string]: {
        [subregion: string]: {
            [country: string]: string[]
        }
    }
}


// Usage

const data: Localization = {
    Europe: {
        WestEurope: {
            Belgium: ['French', 'English', 'Dutch']
        }
    }
};

const westEurope = data['Europe']['WestEurope']; // Is of type { [country: string]: string[] }