react报错：index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode......（react--学习笔记4）

最新推荐文章于 2025-06-28 09:11:12 发布
原创 最新推荐文章于 2025-06-28 09:11:12 发布 · 5.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react

本文记录了在使用React进行自学过程中遇到的控制台警告问题。通过查找并删除index.js文件中的<React.StrictMode>标签，成功关闭了严格模式，从而解决了警告问题。

在编写我的博文里react---自学笔记4中，发现控制台报错：

经过百度查阅，发现：

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

 

❤ React报错归纳分析篇
林太白
01-15 7552
React报错归纳分析篇
前端拖拽库方案之react-beautiful-dnd
weixin_50367873的博客
10-31 1693
近期，知名 React 拖拽库宣布了项目弃用的决定，未来将不再维护。这一决定源于其存在的缺陷与局限性，促使作者转向开发一个更加现代化的拖拽解决方案——（下面会介绍），其旨在提供更佳的性能、灵活性和可访问性。作为 React 生态中不可或缺的工具库，react-beautiful-dnd 曾以其卓越的拖放体验赢得了广泛赞誉，其 npm 周下载量高达 163 万次。
使用antd 控制台警告：Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
qq_34330989的博客
11-06 1238
卸载最新的react版本，降至18.2.0。最新Andt版本：5.13.2。
React报错
weixin_60684791的博客
11-12 1343
报错信息： Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper which is inside StrictMode. Instead, add a ref directly to the element you want to reference. 警告：在StrictMode中不推荐使用findDOMNode。向findDOMNode传递了StrictM.
react报错index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instan
qq_44748497的博客
11-13 1956
今天遇到了一个警告报错 这是个警告错误，其实代码可以正常运行，但对于一个严格的例子或者正常的项目，不应该有红色的句子，管他是警告还是报错 所以，简单的查了查，有的人说是版本问题，我没这样修改，因为怕改回去又出现别的版本问题，因为刚刚发现event事件改成了Event 所以我修改了index.js文件，把严谨模式去掉了 就是上图<React.StrictMode>中的StrictMode，去掉 不知道对别的有没有影响，但确实没有警告了，如果是 自己写着玩的或者练习的项目，..
antd react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
chunchun1230的博客
04-22 3847
antd版本：4.1.4 引用antd的示例组件一直报警告， index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Tabs which is inside StrictMode. Instead, add a ref directly to t...
react-dom.development.js:86 Warning: findDOMNode is deprecated and will be removed in the next major release. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node在reatc18项目中使用Procomponent为什么报这个错误，怎么解决
03-17
Warning: findDOMNode is deprecated in StrictMode. ``` 2. **升级依赖库** 更新ProComponent至兼容React 18的版本： ```bash # 示例：更新Ant Design Pro Components npm update @ant-design/pro-...
react-quill 报错 Warning: findDOMNode
09-14
当在使用 react-quill 时遇到 "Warning: findDOMNode is deprecated in StrictMode" 的警告，这通常是因为在 React 的严格模式（StrictMode）下直接使用了 `findDOMNode` 方法。 `findDOMNode` 是一个用于获取组件...
React——配置环境、ES6语法补充、Components
夜空像是一片紫水潭，星星是些不动的大亮点，夜风是些浅蓝色的流线，云端传来喧嚣的声音。
07-31 1088
配置环境难死了
React本地开发时，组件为啥会渲染两次
qq_42931285的博客
01-07 1903
React本地开发时，组件为啥会渲染两次
ante react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
weixin_44544388的博客
03-26 9865
create-react-app 版本：3.4.1 ante 版本：4.0.4 引用ante的示例组件一直报警告， index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Tabs which is inside StrictMode. Instead, a...
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
将心_的博客
04-28 968
在react中使用antd的警告 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance 解决： 删除index.js文件中的<React.StrictMode>标签
引入Ant框架报错findDOMNode is deprecated in StrictMode.
奔跑的面条博客
06-20 4117
这是由于React脚手架创建的是严格模式，在index.js里（有的在app.js） <React.StrictMode> <App /> </React.StrictMode>, 我们需要把外层的标签改成 <React.Fragment> <App /> </React.Fragment>, 这样就去除了严格模式，虽然为了框架去除了严格模式不太好，但是没办法等阿里UI团队更新能够跟上代码的更新速度吧。 ...
react使用antd警告：Warning: findDOMNode is deprecated in StrictMode.
小张微说的博客
05-24 2694
警告信息： 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. Lear...
react使用ant报Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
酒馆不打烊
06-09 1416
报错内容 只有使用ant组件的时候才会报错，是因为react开启了严格模式 去掉React.StrictMode，这样就不会报错了
解决react引入antd后错误：findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
haruhyuhae的博客
07-14 3036
报错如下 解决方案如下 删除index.js里的React.StrictMode标签
react使用ant组件时报Warning: findDOMNode is deprecated in StrictMode...
weixin_44646763的博客
07-29 3630
后来发现在react的严格模式下就会报错 解决方法： 去除index.js中的<React.StrictMode> </React.StrictMode>
React运行报错：findDOMNode is deprecated in StrictMode
weixin_43978501的博客
07-23 2422
react一直报错，不知道为啥，怎么排查代码都没有地方有问题，结果是因为react默认是严格模式。 1、找到根目录的index.js文件； 2、修改文件如图： 默认为下图： 修改为： 旨在分享方法
React-to-print项目中findDOMNode废弃警告的解决方案
最新发布
gitblog_07915的博客
06-28 639
在使用react-to-print库进行打印功能开发时，开发者可能会遇到一个常见的警告信息："findDOMNode is deprecated and will be removed in the next major release"。这个警告通常出现在点击触发打印功能的按钮时。 ## 问题分析 findDOMNode是React早期版本中用于获取DOM节点的方法，但由于其性能问题和潜在的...
react-dom.development.js:86 Warning: findDOMNode is deprecated and will be removed in the next major release.
05-29
React.findDOMNode()方法是用于获取组件的DOM节点，但是这个方法已经被标记为不推荐使用，并将在未来的版本中被移除。替代方法是使用React.createRef()来创建ref对象，然后通过ref.current属性获取DOM节点。这种方式...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值