typescript 踩坑汇总

1、新建函数组件时使用 React.FC 类型

2、React.FC类型组件添加静态属性，如Grid.Col，报类型“FC<>”上不存在属性“XXX”，

方法一，不使用React.FC

方法二

// 组件参数接口定义
interface compProps {
  className?: string; // 自定义样式
}

// 组件类型定义
type GridType = React.FC<compProps> & {
  Col: React.FC<any>;
}

 3、eslint无法识别全局 ts 类型，报'XXX' is not defined。目前没找到好的方法，下面是两个临时解决方案：

方法一全局关闭该检查

方法二 添加  /* global XXX */