TS实战经验

1 定义未知属性的对象

 let clearPersonFormObj: { [propName: string]: any } = {};

 clearPersonFormObj[item.dataKey] = '';

2类型命名大驼峰 SourType

3设为可选 <Partial>  useState<Partial<API.SaftyCheckOutput>>({})

4Recordable 为T   useState<Recordable<API.ComSaftyOutput>>({});

5继承 interface SourseType extends a { key: number; xx?: ccc; }

可以直接用 type xxx = a & { xx:ccc } 

2，bug

1，react+ts导入图片，找不到模块“......logo.png”或其相应的类型声明。

新建一个.ts文件声明

在tsconfig文件引入

2 'React' must be in scope when using JSXeslintreact/react-in-jsx-scope

在React@17以后，是不需要再手动去引入React的。因为该版本之后加入了react/jsx-runtime，会自动对JSX进行解析

现在报错，就是因为eslint中的extends中没有加入这个runtime，加上就可以了

"plugin:react/jsx-runtime"

 

或者在 eslint中的rules加上关闭

'react/react-in-jsx-scope' :'off',