场景

 function testComponent {const ref = useRef(null);.....ref.current.<method>(); // 此处报错return <div ref={ref}>}

报错：类型 never 上不存在属性<method>

思路

never 类型

当 typeScript 推断，某变量所有类型都不是的时候，将它的类型记为 never
函数永远不能返回值（不是返回 void ）例如函数里面只有一个 exception，这个函数返回值的类型为 never

尝试改成

ref?.current?.<method>();

仍然报错

ref 在定义前使用

我在函数组件返回前使用了ref，这个时候ref还没定义。

使用useCallback()，把render的过程变成一个回调函数，把这个函数写在上面

 function testComponent {const ref = useRef(null);.....const renderTest = useCallback(()=>{return <div ref={ref}>})ref.current.<method>(); // 此处报错return <div>{renderTest()}</div>}

仍然报错

最终解决

原来是 ref 初始化的时候没有加类型
改成

     const ref: any = useRef(null);

就好了
（所以为什么不在初始化的时候报错啊！）

类型 never 上不存在属性相关推荐

angular踩坑:类型“HTMLElement”上不存在属性“selectedIndex”。ts(2339)
原文链接:https://www.longkui.site/program/frontend/angular-htmlelement/4934/ 0.背景报错如下: 类型"HTMLElem ...
Angular5 Angular6类型“ObservableResponse”上不存在属性“map”
Angular5: 类型"Observable<Response>"上不存在属性"map", 引入: import 'rxjs/add/operat ...
类型“unknown”上不存在属性“foreach”_JavaScript红宝书第四版精简解析系列--映射Map数据类型...
Map数据类型顾名思义也就是映射类型,包含一个[[Entries]]私有特性我们可以使用一个二维数组作为初始值 const map1 = new Map([[1, 1],[2, 2],[3, 3 ...
ts给Number类型数据添加自定义方法报错：类型“Number”上不存在属性“divideStr”的解决方案
问题:直接添加方法报错. // 切割字符串或数字,将10000000转换成10,000,000的格式 String.prototype.divideStr = Number.prototype.div ...
vue3中绑定一个点击事件类型出现“{}”上不存在属性问题
在当前页面添加点击事件总出现这个问题检查回调事件名字是不是一致 script看看是不是没添加setup
CSSStyleDeclaration 上不存在属性、cssText
场景用 ts 给某个 dom 元素增加样式的时候,有时会报错: window.onload = function () {document.body.style.zoom = 0.5; }; 类型& ...
类型“Window typeof globalThis”上不存在属性“gspZc”
在做vue+typescript开发过程,给window对象添加属性并赋值,却发现报错,如类型"Window & typeof globalThis"上不存在属性" ...
解决方案：Vuetify 出现#activator={on，attrs}报错，类型“{ isActive: boolean； props: Record； }”上不存在属性“on”
#activator或者v-slot:activator报错,不存在属性"on"或者"attrs" 类型"{ isActive: boolean; p ...
文件上传接受的类型：file的accept属性
<input id="fileId1" type="file" accept="image/png,image/gif" name=& ...

类型 never 上不存在属性

场景

思路

never 类型

ref 在定义前使用

最终解决

类型 never 上不存在属性相关推荐

最新文章

热门文章