TypeScript用string动态访问对象属性报隐式any错误如何解决

该错误是TypeScript的类型检查机制触发的：你的cities对象的键仅包含ny、ld两个固定字面量类型，而用于索引的city变量是宽泛的string类型，TS无法保证任意string都属于cities的合法键范围，因此抛出隐式any的错误。

• 方案1：为state指定精确的键类型（最推荐，兼顾类型安全和开发体验）
  直接限制city的取值范围为cities的合法键集合，修改useState的类型声明即可：

const [city, setCity] = useState<keyof typeof cities>("ny");

说明：typeof cities会自动推导cities的对象类型，keyof会提取该对象所有键的联合类型"ny" | "ld"，后续setCity也只能传入这两个合法值，从根源上避免非法索引的情况。

• 方案2：为对象添加索引签名（适合需要动态新增键的场景）
  如果你的cities对象后续需要动态添加其他城市的键，可以给对象声明索引签名，允许任意string作为键：

const cities: Record<string, { label: string }> = {
  ny: { label: "New York" },
  ld: { label: "London" }
};

说明：该方案会降低类型检查强度，即使你传入不存在的键TS也不会报错，需要自己保证索引的合法性。

• 方案3：访问时添加类型断言（适合临时快速修复，你确定city一定是合法键的场景）
  直接在索引处断言city是cities的合法键：

console.log(cities[city as keyof typeof cities].label);

说明：该方案相当于手动绕过TS类型检查，若实际传入非法键会触发运行时错误，不推荐高频使用。

• 方案4：添加类型守卫判断（适合city来源不确定的场景，最安全）
  先判断city是否属于cities的合法键，再进行访问：

if (city in cities) {
  console.log(cities[city].label);
}

说明：TS会自动识别in操作符的类型收窄效果，在if块内自动将city识别为合法键类型，同时还能处理非法值的边界情况，适合city来自用户输入、接口返回等不可控场景。

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