TypeScript问题：如何让string类型值可索引枚举映射GENDER_MAP

你的问题核心是枚举的数值类型和RadioButtonGroup返回的字符串类型不兼容：GENDER_MAP的索引是Gender枚举的数值（1、2、3），但组件返回的value是对应的字符串形式（"1"、"2"、"3"），直接用字符串索引会触发类型错误。

方案一：字符串转数字并断言为枚举类型 #

先把字符串转成数字，再断言为Gender类型（因为你明确知道返回值是枚举内的有效值）：

<RadioButtonGroup
  onChange={(value) => {
    // 把字符串转成数字，再断言为Gender类型
    const genderKey = parseInt(value, 10) as Gender;
    console.log(GENDER_MAP[genderKey]);
  }}
  radioButtons={GENDER_RADIO_BUTTONS}
  ... />

方案二：给RadioButtonGroup指定泛型（如果组件支持） #

如果你的RadioButtonGroup组件支持泛型参数，可以直接指定值的类型为Gender，这样onChange返回的value会自动是Gender类型，无需转换：

<RadioButtonGroup<Gender>
  onChange={(value) => {
    console.log(GENDER_MAP[value]);
  }}
  radioButtons={GENDER_RADIO_BUTTONS}
  ... />

为什么你之前的尝试无效？ #

你用value as keyof typeof Gender的问题在于：keyof typeof Gender对应的是枚举的键名（"male"、"female"、"other"），而不是枚举的数值（1、2、3），和GENDER_MAP的索引类型完全不匹配，所以TypeScript依然会报错。

内容的提问来源于stack exchange，提问作者four-eyes