React运行报错：findDOMNode is deprecated in StrictMode

最新推荐文章于 2023-06-06 22:54:24 发布
最新推荐文章于 2023-06-06 22:54:24 发布
阅读量1.3k 收藏
点赞数
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43978501/article/details/107537363
版权

react一直报错，不知道为啥，怎么排查代码都没有地方有问题，结果是因为react默认是严格模式。
1、找到根目录的index.js文件；
2、修改文件如图：
默认为下图：
在这里插入图片描述
修改为：
在这里插入图片描述
旨在分享方法

hhh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-env:React应用程序的运行时环境变量
04-06
React Env-运行时环境配置 从填充您的环境.env文件在运行时，而不是构建时。 同构-服务器和浏览器兼容。 支持静态网站生成。 支持多个.env文件。 自述文件 例子 使用示例（请参阅README.md） 使用示例（请参阅...
React使用antd的警告findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave
bjt1015999的博客
02-24 936
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.
react使用ant组件时报Warning: findDOMNode is deprecated in StrictMode...
weixin_44646763的博客
07-29 794
后来发现在react的严格模式下就会报错 解决方法： 去除index.js中的<React.StrictMode> </React.StrictMode>
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
weixin_54079103的博客
06-06 973
使用dva开发react项目时,使用react17版本的方式行不通。react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
Warning: findDOMNode is deprecated in StrictMode
白开水的博客
04-15 2090
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode 总是遇到这个问题，记录一下，大部分情况这个warning与我们自己的代码无关，主要是UI 库例如antd的问题； 官网有解释：不建议在严格模式下使用findDOMNode这个API，官网地址在这https://reactjs.org/docs/stric.
引入Ant框架报错findDOMNode is deprecated in StrictMode.
奔跑的面条博客
06-20 2063
这是由于React脚手架创建的是严格模式，在index.js里（有的在app.js） <React.StrictMode> <App /> </React.StrictMode>, 我们需要把外层的标签改成 <React.Fragment> <App /> </React.Fragment>, 这样就去除了严格模式，虽然为了框架去除了严格模式不太好，但是没办法等阿里UI团队更新能够跟上代码的更新速度吧。 ...
react-vue：在React和React Native中运行Vue
02-05
将Vue的用于观察者React组件使用在React应用中运行Vue组件使用在React Native中运行Vue组件React系统由于Vue清晰的分层设计，我们可以轻松地拉出React系统（压缩为9 KB），并驱动React组件渲染。 npm install --...
react-animations：in内联样式库的动画集合
02-05
React动画 动画的集合，可以与支持使用对象定义关键帧动画（例如Radium或...import fadeIn from 'react-animations/lib/fade-in' import React from 'react' ; import { bounce } from 'react-animations' ; impor
react-native:与Google进行本地登录React
05-09
与Google进行本地登录React
react-ex：使用React进行混淆
03-04
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何...
react使用antd警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
热门推荐
bao
03-30 4万+
react 中使用 antd 警告警告内容:警告原因：解决办法: 警告内容: Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the eleme...
react安装报错ReactDOM.render is no longer supported in React 18. Use createRoot instead.
总结前端开发中遇到的问题，分享前端知识
03-30 5064
查看文件package.json中react、react-domz最新安装的版本发现问题所在： react-dom.development.js: 86警告:ReactDOM。React 18不再支持渲染 "react": "18.0.0", "react-dom": "18.0.0", 解决办法：降低版本到17.0.2 安装： yarn add react@17.0.2 react-dom@17.0.2 --save npm installreact@17.0.2 react-dom@..
React引入AntD警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
任她雨雪风晴
10-26 1658
问题如下： 原因：react使用严格模式导致的警告，删除外层StrictMode组件即可； 解决方案：
findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which 的解决
浮生离梦的博客
02-04 6779
一、问题的出现： 在进行 react 项目开发的时候，出现了这个错误，findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. 如下所示： 二. 问题的分析及解决： 问题的分析：这个错误描
findDOMNode is deprecated in StrictMode报错解决方法
weixin_42260975的博客
08-26 3870
findDOMNode is deprecated in StrictMode报错解决方法 报错：findDOMNode is deprecated in StrictMode...... 这是因为在开始创建项目得时候，我们在/src/index.js下使用了严格模式得代码： 这时，我们把这个代码删除掉就可以了。 ...
react-严格模式
yuey0809的博客
08-05 1961
在React18中,React将不会抑制任何日志,如果你安装了devtools,第二次输入将会被淡化,在devtools工具中可以屏蔽第二次输出。还要注意一下,由于componentDidMount等函数会被放入执行队列,所以就算关闭了第二次输出,函数里面的打印在严格模式下还是会输出两次。),本质是一个组件,该组件不会进行UI渲染,它的作用是在渲染内部组件时,发现不合适的代码。在严格模式下(开发阶段),组件的生命周期会被调用两次,以此来明显化副作用代码。方法,在第二次调用生命周期函数时,将会静默输出。...
ante react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
weixin_44544388的博客
03-26 9701
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...
【antd】Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
gz-郭小敏的博客
07-14 1109
找到index.js 果然默认是严格模式，删除<React.StrictMode>标签，关闭严格模式，警告自然消除了
React组件基础--表单处理，受控组件和非受控组件，基础组件案例的实现，评论列表案例
m0_54088431的博客
09-03 677
HTML 中的表单元素是可输入的，也就是有自己的可变状态。（input表单元素的状态是在value中）。React 中可变状态通常保存在 state 中，并且只能通过 setState() 方法来修改 React将 state 与表单元素值value绑定到一起，由 state 的值来控制表单元素的值。受控组件：其值受到 React 控制的表单元素。非受控组件就是通过手动操作dom的方式获取文本框的值，文本框的状态不受react组件的state中的状态控制，直接通过原生dom获取输入框的值。
react项目报错： Cannot read properties of undefined (reading 'length')
最新发布
10-17
这个错误通常是因为你在尝试访问一个未定义的变量或对象的属性。你需要检查代码中是否存在未定义的变量或对象，或者在访问属性之前是否已经对其进行了初始化。另外，你也可以在代码中添加一些条件语句来避免这种错误的发生。 例如，如果你正在尝试访问一个数组的长度，你可以先检查该数组是否已经被定义： ``` if (myArray) { console.log(myArray.length); } else { console.log('myArray is undefined'); } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值