typescript - 如何在 typescript 中创建枚举值作为类型/接口(interface)？

Question

我有枚举:

enum DemoEnum {
    a = 'EnumValueA',
    b = 'EnumValueB'
}

我想创建 type Type = 'EnumValueA' | 'EnumValueB'来 self 的枚举值。

我该怎么做？

我目前的状态是“ key ”类型:

type Type = keyof typeof DemoEnum // 'a' | 'b'

例如，我想在我的 react Prop 中使用它。

type Props {
   value: 'EnumValueA' | 'EnumValueB',
}

万一使用<MyComponent value='EnumValueA'>

type Props {
   value: DemoEnum,
}

我收到一个错误 Type .. is not assignable to DemoEnum

Answer 1

Template Literal Types发布后，你可以直接用它来得到你想要的:

type Enum = `${DemoEnum}` //  "EnumValueA" | "EnumValueB"