React中:ref.current.getElementsByClassName(“ant-table-body“)[0] 会导致报错TypeError: Illegal invocation

相同代码其他环境没问题
我的本地环境就会报错:Illegal invocation(非法调用)
为什么会报非法调用的原因没有找到
但找到了解决这个问题的方法

经过一系列查找,在网上没有找到直观的解决方式,但通过类似问题比对,得出的结论大概就是:

ref.current本质是react对象,不是dom对象,所以不能调用getElementsByClassName以及相关类似方法

那然后我就顺着这个思路解决问题

ref.current本质是react对象,那我不用getElementsByClassName()方法,我用ref.current.childNodes对象,我笨办法遍历他的子节点直到得到我想要的节点,也是可以操作的。
在这里插入图片描述

但有个缺点就是比如用ant框架,乱七八糟节点一层层一套套太多了,可能得遍历的很麻烦,然后我换了个方式。

我就翻ref.current对象,然后翻到了这个
在这里插入图片描述
我一看,哎,这个ownerDocument不就是一个dom对象嘛,而且大概看了一下ownerDocument的内容,和ref.current基本一致,那如果我写成

 tableRef.current.ownerDocument.getElementsByClassName("ant-table-body")[0]

是不是就可以了
试了一下 果然 不报错了
问题解决。

但为毛相同代码不同环境有的报Illegal invocation有的不报?
本地的什么配置导致的吗?
有人说是eslint限制,但/* eslint-disable */尝试注释关闭也无效。
有人说是浏览器问题,相同浏览器也是一个报错一个不报,而且也换了浏览器,该报还是报,无效。
哪位大哥知道支个招。

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值