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 */