如何创建属性基于枚举值的TypeScript接口？

你的核心问题是没正确获取字符串枚举的值类型，且误用了接口来定义映射类型（TypeScript中映射类型只能用type定义，不能用interface）。

正确实现步骤 #

1. 保持原枚举定义不变：

enum test {
    A = 'value1',
    B = 'value2'
};

2. 用type定义约束类型，通过索引访问获取枚举值的联合类型：

// 先拿到枚举值的联合类型：'value1' | 'value2'
type TestValues = test[keyof typeof test];
// 定义映射类型，约束对象属性只能是枚举值
type ITest = {
    [K in TestValues]: string;
};

或者合并成一行简化写法：

type ITest = {
    [K in test[keyof typeof test]]: string;
};

验证效果 #

// 合法：完全符合约束
const data: ITest = {
    value1: 'foo',
    value2: 'bar'
};

// 报错：缺少必填属性'value2'
const invalidData1: ITest = {
    value1: 'foo'
};

// 报错：存在多余属性'value3'
const invalidData2: ITest = {
    value1: 'foo',
    value2: 'bar',
    value3: 'baz'
};

关键逻辑说明 #

• typeof test：获取枚举对象的类型（包含A、B两个键的对象类型）
• keyof typeof test：得到枚举键的联合类型'A' | 'B'
• test[keyof typeof test]：通过索引访问，拿到枚举值的联合类型'value1' | 'value2'，这才是你需要作为对象属性的类型

内容的提问来源于stack exchange，提问作者Jeanluca Scaljeri