TypeScript枚举键对象动态访问报错：隐式any类型无索引签名

我太懂这个TypeScript类型检查的坑了！你遇到的问题核心是枚举键的对象和普通number类型不兼容，咱们一步步理清楚：

为什么会报错？ #

你的translations对象是用Language枚举作为键的映射类型（{ [key in Language]: ... }），TypeScript会把它的键视为Language.CS或Language.EN这个特定的枚举类型，而非普通的number。但你的selectedLangTab是number类型，TypeScript无法确认这个数字是否正好对应枚举里的有效值，所以抛出了“没有索引签名”的错误。

几种可行的解决方案 #

1. 直接将selectedLangTab的类型改为Language枚举

这是最安全、最符合TypeScript类型规范的做法，确保变量的值始终是枚举的合法成员：

// 定义时指定类型为Language
let selectedLangTab: Language = Language.CS;

// 之后直接索引就不会报错了
value={userInput.translations[selectedLangTab].title}

2. 若selectedLangTab必须是number，使用类型断言

如果你因为业务需求没办法把selectedLangTab改成Language类型，可以用类型断言告诉TypeScript这个数字是合法的枚举值：

// 断言selectedLangTab为Language类型
value={userInput.translations[selectedLangTab as Language].title}

⚠️ 注意：这种方法要确保selectedLangTab的取值只能是0或1（对应Language.CS和Language.EN），否则运行时可能会访问到不存在的键。

3. 给translations添加数字索引签名（不推荐）

虽然可以给你的translations接口添加一个数字索引，但这样会丢失枚举带来的类型安全性，不建议使用：

// 修改后的接口（不推荐）
interface Translations {
  [key: number]: { 
    title: string; 
    additionalInfo: string; 
    content: string; 
    language: Language; 
  };
  [Language.CS]: { /* ... */ };
  [Language.EN]: { /* ... */ };
}

这种做法会允许任何数字去索引translations，违背了枚举的类型约束初衷。

总结 #

优先选第一种方案，让selectedLangTab的类型和translations的键类型保持一致；如果没办法改类型，再用第二种类型断言的方式，同时做好运行时的取值校验。

内容的提问来源于stack exchange，提问作者Igor Pavlenko