警告内容:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
在这里插入图片描述
我只要用antd的组件就会有警告存在

最近更新

2022-05-13 16 更新解决方案

警告原因:

是因为 react 中的严格模式: StrictMode

2022年04月20日

现用vue开发, 并未进一步深入使用/了解react.
前段时间偶尔看到有相关问题的博客, 遂更此文.
认为: 此问题是ant design ui框架中组件封装获取dom元素的方法已被/即将 淘汰, 可更换为ref的方式来获取组件. 具体未深入研究, 只再次提供个人想法/认为可解决的方案.
官网 - 关于 StrictMode(严格模式) 和 findDOMNode
在这里插入图片描述
2022-04-20 End…

解决办法:

(这是目前找到的唯一办法 _)
index.js中挂载 App 的外面有这样一个标签
只要把这个标签删除掉就可以了
在这里插入图片描述

2022-05-13 16更

antd更新至4.5.0版本以上即可
解决方案.
感谢 @ID:杨华彬 提出解决方案.

ID:杨华彬: 你给antd升个级就没事儿了

我已去antd官网更新文档查看确认, antd团队确实已经在4.5.0版本修复此问题.
在这里插入图片描述
antd 4.20.0 版本中修复了 BackTopReact 18 版本的严格模式不能正常工作问题, 如有此问题, 建议升级 当前(2022-05-13)最新版本(4.20.0)
在这里插入图片描述
2022-05-13 16 End…

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐