请问React+ts的项目中类型检查,官方有没有提供文档说明?

作者站长头像
站长
· 阅读数 5

react项目中用到了ts,有时候需要添加很多类型检查的接口,比如axios,路由,还有原生标签属性的接口,事件的类型检查接口,他们都是从React中导入的,问题是这么多要添加类型检查接口,有木有官方文档说明呀?目前解决办法是:查资料和提示信息解决,想知道React有没有提供ts的类型检查文档说明

回复
1个回答
avatar
test
2024-07-10

关于题主提到的

react项目中用到了ts,有时候需要添加很多类型检查的接口,比如axios,路由,还有原生标签属性的接口,事件的类型检查接口

请尝试在你的代码编辑器中(比如vscode)以 ctrl + 鼠标左键的形式单击引用的react等,如果能跳转到一个xxx.d.ts文件中,那这个就是对应的声明文件

关于HTML-Dom事件的提示,这个功能是vscode自带的(如果你用的是类似vim的文本编辑器,请前往其对应的插件商店寻求解决方案)。

如果vscode没有提示,请将光标放到代码最前端检查提示的类型是否为any

function bindNodeListener (node){
    node.add....
}

比如上述代码,没有JSDoc的情况下,vscode会识别nodeany类型的变量,从而无法给出对应的提示

如果是第三方库,比如你提到的axios,在使用上述方案无法跳转时,你可能需要去到 npm@types/axios去搜索对应的类型提示库。不过据我所知, axios已经集成对应的类型提示库,我认为可能是你的项目过旧引用的axios版本太老导致没有提示

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容