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对开发过程又有一定的作用,所以就保留这个提醒吧!

相关推荐
BD_Marathon2 分钟前
Vue3组件(SFC)拼接页面
前端·javascript·vue.js
wregjru3 分钟前
【C++】2.3 二叉搜索树的实现(附代码)
开发语言·前端·javascript
Hao_Harrision4 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | StickyNavbar(粘性导航栏)
前端·typescript·react·tailwindcss·vite7
IT古董8 分钟前
企业级官网全栈(React·Next.js·Tailwind·Axios·Headless UI·RHF·i18n)实战教程-前言
javascript·react.js·ui
LYFlied9 分钟前
前端性能优化常见面试问题汇总
前端·面试·性能优化
不爱学习的老登11 分钟前
基于CodeServer打造一个属于自己的 LaTeX Web 编辑器
前端·编辑器
Jinuss16 分钟前
飞冰ice.js中Model数据初始化原理
前端·javascript·react.js
IT_陈寒18 分钟前
Python性能优化实战:7个让代码提速300%的冷门技巧(附基准测试)
前端·人工智能·后端
karshey19 分钟前
【前端】Defer:存储Promise状态,多个异步事件都结束后处理一些逻辑
java·前端·javascript
be or not to be20 分钟前
CSS 样式基础与视觉设计:从单位到字体
前端·css