react报错index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instan

最新推荐文章于 2024-01-15 13:27:22 发布
最新推荐文章于 2024-01-15 13:27:22 发布
阅读量1.8k 收藏
点赞数
分类专栏： react 文章标签： React 警告 StrictMode 代码优化 项目维护
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44748497/article/details/121302383
版权

今天遇到了一个警告报错

这是个警告错误，其实代码可以正常运行，但对于一个严格的例子或者正常的项目，不应该有红色的句子，管他是警告还是报错

所以，简单的查了查，有的人说是版本问题，我没这样修改，因为怕改回去又出现别的版本问题，因为刚刚发现event事件改成了Event

所以我修改了index.js文件，把严谨模式去掉了

 就是上图<React.StrictMode>，去掉！！！

不知道对别的有没有影响，但确实没有警告了，如果是 自己写着玩的或者练习的项目，你可以这样改，如果是公司项目，建议你再看看别人的报错文章借鉴一下

偷吃月亮的美羊羊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react报错：index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode......（react--学习笔记4）
ABU_MOlI_ITUI的博客
08-03 5528
在编写我的博文里react---自学笔记4中，发现控制台报错： 经过百度查阅，发现： 找到index.js 果然默认是严格模式，删除<React.StrictMode>标签，关闭严格模式，警告自然消除了
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
将心_的博客
04-28 875
在react中使用antd的警告 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance 解决： 删除index.js文件中的<React.StrictMode>标签
antd react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
chunchun1230的博客
04-22 3601
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...
ante react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
weixin_44544388的博客
03-26 9748
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...
react hook使用报错：React has detected a change in the order of Hooks called by null...
m0_56587808的博客
02-21 6393
报错信息大概是这样： 类似报这种错误 说明hook引入出现了问题 这时候需要注意是否违背了hook使用规则 当使用hook和函数语句 或者if条件句时，需要把hook放在最顶部 官网原话是：不要在循环、条件或嵌套函数中调用 Hook。相反，在任何提前返回之前，始终在 React 函数的顶层使用 Hooks 更改如下： 即可； 链接如下：https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-le...
【react踩坑记】React has detected a change in the order of Hooks called by observerComponent....
weixin_44545357的博客
08-29 1312
Don’t call Hooks inside loops, conditions, or nested functions. Instead, always use Hooks at the top
react-plotly.js：来自Plotly的plotly.js React组件
02-05
:backhand_index_pointing_right: :backhand_index_pointing_right:内容安装$ npm install react-plotly.js plotly.js快速开始使用此组件的最简单方法是导入数据并将其传递到绘图组件： import React from 'react' ...
react-highlight.js:Highlight.js库周围的简单React包装器
04-28
安装使用NPM安装react-highlight.js： npm install react-highlight.js --save 选择highlight.js主题，并确保它包含在索引文件中。 < link rel =' stylesheet ' href =' ...
react-editor.js:React Editor.js的包装器组件
05-14
react-editor.js React 包装器组件安装npm install --save @stfy/react-editor.js// or Yarnyarn add @stfy/react-editor.js用法import React , { Component } from 'react'import Editor from '@stfy/react-editor....
react-svg.js:svg.js的测试包装
05-15
在JavaScript的世界里，React是一个非常流行的库，用于构建用户界面，特别是单页应用程序（SPA）。而SVG（可缩放矢量图形）作为一种轻量级的图形格式，常用于创建清晰的、可放大的图形，特别是在网页设计中。`react-...
react-chart.js:流行的图表库Chart.js的React Components
05-26
@ jhonnold / react-chart.js 流行的库的React组件 安装 npm install --save @jhonnold/react-chart.js chart.js chart.js是对等依赖项，必须与该库一起安装 入门 import { BarChart } from '@jhonnold/react-...
Ant Design 中Tree踩坑
在那山的那边海的那边，有一群程序猿
06-10 1万+
Tree中的api属性有一个defaultExpandAll 这个属性只在第一次渲染的时候有效，也就是说用户刷新页面后或者在这个页面操作完这个组件后重新渲染的时候，这个值将不会有效。 解决办法： expandedKeys={help.treeIdData} onExpand={this.onExpand} 使用expandedKeys属性和onExpand事件进行数据的可控操作 初...
树的应用:Tree Traversals Again
qq_45695839的博客
05-10 1008
题目来自:pta题目集（无邀请码打不开） 题目如下: An inorder binary tree traversal can be implemented in a non-recursive way with a stack. For example, suppose that when a 6-node binary tree (with the keys numbered from 1 to 6) is traversed, the stack operations are: push(1); pu
antd 使用Tree遇见的几个问题
热门推荐
萝卜园
05-23 1万+
注：此内容是笔者在业务中自己遇到的问题，不具有广泛性，请谨慎参考 1.defaultExpandedKeys （defaultxxxxxxxx）等 只会在第一次有，应使用expandedKeys 2.TreeNode添加dataRef 获取子节点数据； eg: 3.key ke值应该唯一（antd 常识） 4.expandedKeys 设置此参数后，目录的小三...
解决react引入antd后错误：findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
haruhyuhae的博客
07-14 2711
报错如下 解决方案如下 删除index.js里的React.StrictMode标签
React运行报错：findDOMNode is deprecated in StrictMode
weixin_43978501的博客
07-23 1506
react一直报错，不知道为啥，怎么排查代码都没有地方有问题，结果是因为react默认是严格模式。 1、找到根目录的index.js文件； 2、修改文件如图： 默认为下图： 修改为： 旨在分享方法
ant design vue 组件 Tree
Shiki2147的博客
09-27 1673
ant design vue 组件 Tree 实现效果： 实现代码： <div class="tree"> <a-tree show-icon show-line :load-data="onLoadData1" //展开节点时 @select="treeselect" //点击节点时 @expand="openkeys" :autoExpandParent="false" :tree-data="treeData1" /
antd-tree组件带搜索框的使用及踩坑（只标红）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
04-07 2694
前言： 最近再用Tree组件做项目，记录一下使用方法。 一、预期的效果 antd-tree带搜索框的示例（官网）：官网只是标红 我预期的效果是搜索并且标红（官网示例）。下面是我参考官网的示例写出来的。 二、antd-tree组件带搜索框的使用及踩坑（只标红） import React, { Component } from 'react'; import { Tree, Input } from 'antd'; import styles from '../../assets/index.
❤ React报错归纳分析篇
林太白
01-15 3135
React报错归纳分析篇
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节点。这种方式更加直接，而且更加灵活，因此建议使用新的API替代findDOMNode()方法。 如果你在项目中已经在使用findDOMNode()方法，可以考虑替换为新的API。如果你需要继续使用findDOMNode()方法，可以在调用时给出一个警告，提醒用户该方法已经被标记为不推荐使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值