对于写惯了 JS 的人来说，第一次接触到 TS 无疑是痛苦的，但是 TS 的静态类型检查，会让我们在开发维护阶段让我们的代码更加具有可读性，更加优雅

本文记录📝学习使用 TS 中的坑

在开发中遇到的 TS 报错🥲

TS 报错：

元素隐式地具有“any”类型，因为类型“string”的表达式不能用于索引类型

代码举例：

//我定义一常量对象
const EVENT_TYPE {
  EVENT_TYPE_TEMPERATURE_HIGH: '温度过高',
  //...
}
//在 antd table 组件中，我根据不同的对象 Key 值渲染不同的文本
  render: (event_type: string) => EVENT_TYPE[event_type]

解决办法：

为常量对象声明类型如下：

interface IEvent {
  [key: string]: string;
}
export const EVENT_TYPE:IEvent {
    EVENT_TYPE_TEMPERATURE_HIGH: '温度过高',
  //...
}

使用 TS 的小技巧

待续…