有没有办法在 object 的接口中使用字符串字面量类型？

Question

我有一个类型Color ，

type Color = 'yellow' | 'red' | 'orange'

我有一个 object 接口是ColorSetting 。

interface ColorSetting {
  id: string
  yellow?: boolean
  red?: boolean
  orange?: boolean
}

我想使用Color类型来简化界面ColorSetting 。

我简化的代码如下：

interface ColorSetting {
  id: string
  [k in Color]?: boolean
}

但是我收到一个错误A computed property name in an interface must refer to an expression whose type is a literal type or a 'unique symbol' type.

我应该如何在接口中正确使用字符串文字类型？

Answer 1

在那里使用字符串文字很重要吗？ 带有字符串值的枚举是否不够：

enum Colors {
  YELLOW = 'yellow',
  RED = 'red',
  ORANGE = 'orange',
}

interface ColorSetting {
  id: string;
  color: Colors;
}

这种方法的唯一缺点是如果您需要反转 map 这个，typescript 不会自己做。

我自己倾向于不使用这样的文字，所以我不确定这是否有效，但试一试：

interface ColorSetting {
  id: string;
  color: Color;
}

基本上只需使用您声明的类型，删除 '[k in Color]' 位

Answer 2

我找到了一个对我有用的解决方案。 此解决方案使用Intersection Types 。

ColorSetting = {
   id: string
 } & {
   [k in Color]?: boolean
 }