react使用antd警告:Warning: findDOMNode is deprecated in StrictMode.

警告信息:

复制代码
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DOMWrap 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

警告原因:

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

解决办法:

找到index.js 果然默认是严格模式,删除<React.StrictMode>标签,关闭严格模式,警告自然消除了

很显然删除react的严格模式看起来并不是明智之举,但是在网上找了一圈貌似也就只有这一个解决办法。我们来看看严格模式的作用:http://react.caibaojian.com.cn/docs/strict-mode.html

严格模式的定义:

StrictMode 是一个用以标记出应用中潜在问题的工具。就像 Fragment ,StrictMode 不会渲染任何真实的UI。它为其后代元素触发额外的检查和警告。

注意: 严格模式检查只在开发模式下运行,不会与生产模式冲突。

StrictMode目前有助于:

将来的React版本将添加其他功能。

决定

既然这个antd没有做好的事情,而且需要使用antd, 对生产没有影响,StrictMode对开发过程又有一定的作用,所以就保留这个提醒吧!

相关推荐
程序猿--豪5 分钟前
webpack详细打包配置,包含性能优化、资源处理...
前端·webpack·性能优化
小小小小宇33 分钟前
前端监控 SDK
前端
csj5036 分钟前
前端基础之《Vue(11)—自定义指令》
前端·vue
fxshy38 分钟前
ai聊天流式响应,阻塞式和流式响应 nginx遇到的坑
运维·javascript·nginx
街尾杂货店&1 小时前
HTML word属性
前端·html
这颗橘子不太甜QAQ1 小时前
Husky使用技巧
javascript·git·代码规范
M1A11 小时前
全栈开发必备:Windows安装VS Code全流程
前端·后端·全栈
蜗牛快跑1231 小时前
github 源码阅读神器 deepwiki,自动生成源码架构图和知识库
前端·后端
嘻嘻嘻嘻嘻嘻ys1 小时前
《Vue 3.4响应式超级工厂:Script Setup工程化实战与性能跃迁》
前端·后端
장숙혜1 小时前
ElementUi的tabs样式太难修改,自定义tabs标签页
前端·javascript