TypeScript中使用枚举键遇TS2538错误，如何正确定义索引类型？

这个错误的核心原因是：TypeScript无法确定state['current']['civilStatus']的类型是枚举ZivilstandForDTV的合法键——它可能是undefined或者其他不匹配的类型，因此不允许用它作为索引访问枚举值。下面是几种可行的解决方式：

方法1：类型断言快速修复 #

如果你能确定state['current']['civilStatus']的取值一定是枚举的合法键（或者只是想快速绕过类型检查），可以用类型断言明确告诉TypeScript这个值是枚举的键类型：

{
  label: 'Aktuell Zivilstand',
  value: state['current'] ? ZivilstandForDTV[state['current']['civilStatus'] as keys] : ''
}

方法2：类型守卫做安全检查 #

如果想更严谨，避免非法值导致的运行时问题，可以写一个类型守卫函数，先检查civilStatus是否是枚举的合法键：

// 定义类型守卫函数
function isZivilstandKey(key: unknown): key is keys {
  return typeof key === 'string' && key in ZivilstandForDTV;
}

// 使用类型守卫的取值代码
{
  label: 'Aktuell Zivilstand',
  value: state['current'] && isZivilstandKey(state['current']['civilStatus']) 
    ? ZivilstandForDTV[state['current']['civilStatus']] 
    : ''
}

方法3：约束State的类型定义 #

从根源上解决问题，给你的state对象定义精确的类型，明确current.civilStatus的可能取值：

// 先定义State类型
interface State {
  current?: {
    civilStatus?: keys;
    // 这里添加current对象的其他属性
  };
  // 这里添加state的其他属性
}

// 给state指定类型
const state: State = { /* 你的state初始化值 */ };

// 此时再使用原取值代码，TypeScript就能正确推断类型
{
  label: 'Aktuell Zivilstand',
  value: state['current'] ? ZivilstandForDTV[state['current']['civilStatus']] : ''
}

内容的提问来源于stack exchange，提问作者scura s