TypeScript中如何从React的JSON响应对象获取指定键对应值

你拿到的接口返回是普通JavaScript对象，不需要引入任何第三方工具，直接用方括号语法访问对应键即可，这是最简便的方案。

先修正你贴的示例代码的小笔误：100: "apple缺少闭合双引号，实际接口返回的合法JSON不会有这个问题，我们将返回结果存入变量示例如下：

const fruitMap = {
  100: "apple",
  200: "bananas",
  300: "pineapples"
}

要取键为200对应的bananas值，直接写：

const targetValue = fruitMap[200]
// 写 fruitMap["200"] 效果完全一致，JS对象的数字键会自动转为字符串存储
console.log(targetValue) // 输出: bananas

注意事项 #

• 不要用点号访问写法fruitMap.200，这种写法会触发语法错误，点号访问要求键名必须是合法的JS标识符（不能以数字开头）
• 如果不确定指定键是否存在，可以加可选链和空值合并做兜底，避免程序报错：

// 键不存在时不会抛错，会返回你设置的兜底值
const safeValue = fruitMap?.[400] ?? "未匹配到对应水果"

• 在React JSX中可以直接嵌入使用，示例：

function FruitDisplay() {
  const fruitMap = {
    100: "apple",
    200: "bananas",
    300: "pineapples"
  }
  return <div>编号200对应的水果是：{fruitMap[200]}</div>
}

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