如何使用联合类型作为接口/类型的属性名称答案

【问题标题】：How to use union type as property name of interface/type如何使用联合类型作为接口/类型的属性名称
【发布时间】：2019-11-26 18:35:03
【问题描述】：

我有一个联合类型：

type Browser = 'chrome' | 'firefox'

我想创建一个接口/类型，其中有效属性只能是 chrome 和 firefox。我想出了这个：

type IM {
  [key in Browser]: {
    string: boolean
  }
}

问题是我希望允许 chrome 和 firefox 属性中的任何属性。可能吗？我试图使用括号概念：

[string]: boolean

但不出所料，它不起作用。

【问题讨论】：

【解决方案1】：

如果您想允许任何boolean 属性，您可以使用索引签名：

type Browser = 'chrome' | 'firefox'

type IM = {
  [key in Browser]: {
    [name: string]: boolean
  }
}

自定义映射类型不是必须的，你可以使用Record代替：

type IM = Record<Browser, {
    [name: string]: boolean
}>

【讨论】：