当前位置: 首页 > news >正文

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
4288eb663e731fa0d8df021b8b2e3a06.png

警告原因:

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

解决办法:

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

b1d1e3ee64fb10c246133b974d13c6b7.png
d26c8455dd8c79b61c0efa5a5381a2bd.png

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

严格模式的定义:

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

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

StrictMode目前有助于:

  • 识别具有不安全生命周期的组件
  • 有关旧式字符串ref用法的警告
  • 检测意外的副作用
  • 检测遗留 context API

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

决定

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

 

http://www.lryc.cn/news/355966.html

相关文章:

  • Docker Swarm - 删除 worker 节点
  • AI视频智能分析技术赋能营业厅:智慧化管理与效率新突破
  • 骨折分类数据集1129张10类别
  • Follow Your Pose: Pose-Guided Text-to-Video Generation using Pose-Free Videos
  • 记录一次开源 MaxKey 安装部署
  • k8s基础命令
  • 【云原生_K8S系列】认识 Kubernetes
  • 性能猛兽:OrangePi Kunpeng Pro评测!
  • 六一儿童节创意项目:教你用HTML5和CSS3制作可爱的雪糕动画
  • 日用百货元宇宙 以科技创新培育产业新质生产力
  • 云服务器购买之后到部署项目的流程
  • 2025秋招计算机视觉面试题(二)
  • ECU 关键通讯信息安全事件记录清单
  • webpack5基础和开发模式配置
  • 11111111111111
  • Oracle实践|内置函数之日期与时间函数
  • 内网穿透工具
  • JAVA自制小游戏之推箱子
  • Media Encoder 2024 for Mac媒体编码器安装教程ME2024安装包下载
  • B2120 单词的长度
  • 分布式事务解决方案(最终一致性【可靠消息解决方案】)
  • AI预测福彩3D采取888=3策略+和值012路一缩定乾坤测试5月28日预测第4弹
  • JAVA:深入了解JAVA中的23种设计模式(三)- 行为型模式(下)
  • 微信小程序【WXML】
  • 基于python实现的深度学习的车牌识别系统
  • SQL试题使得每个学生 按照姓名的字⺟顺序依次排列 在对应的⼤洲下⾯
  • kafka3.6.1版本学习
  • 移除链表元素-力扣
  • HTTP请求拦截器链
  • 再创佳绩丨达梦数据库一体机荣获2024数字中国创新大赛·信创赛道总决赛一等奖