【antd】Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an

最新推荐文章于 2025-03-31 14:30:57 发布
原创 最新推荐文章于 2025-03-31 14:30:57 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决React应用中出现警告的方法：通过关闭StrictMode来消除由其引起的不必要的警告信息，帮助开发者优化React应用的运行环境。

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

react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil
高级前端工程师
02-01 3019
react，ant design pro，react报错React.createElement，报错怎么办，详细解决办法，如何解决浏览器控制台报错，如何解决ant组件库报错，使用ant design pro创建组件时报错Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got
报错：Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrappe
weixin_74141581的博客
03-06 877
是因为Antd组件中有些使用了CSSTransition，但是CSSTransition中的部分代码的写法对于react而言，不是最新的写法，不是非常规范的写法，所以严格模式下的react就会抛出警告。在生产模式下就不会出现这样的警告了。例如，当我们关闭Model组件的css动画效果之后，就不会出现这个警告报错。是因为react脚手架中开启了严格模式，严格到限制代码的书写规范。但是这种方式有点因噎废食，因为在开发项目中，React.StrictMode这个标签做代码校验功能还是比较重要的，最好不要关闭。
ante react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an
weixin_44544388的博客
03-26 9876
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报错
weixin_60684791的博客
11-12 1354
报错信息： 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使用antd的警告findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave
bjt1015999的博客
02-24 1619
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.
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
将心_的博客
04-28 974
在react中使用antd的警告 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance 解决： 删除index.js文件中的<React.StrictMode>标签
Ant Design Form 组件绑定 rules，实现用户输入名称时，请求接口校验用户名是否已存在，Warning: `callback` is deprecated. Please return
weixin_42301445的博客
11-23 869
Form.Item rules validator 函数要接受的是一个 Promise 而 lodash 的 debounce 方法就是个普通的防抖节流函数，实现这个功能最重要的一点就是重写一个节流函数 让它返回一个 Promise，需求描述：添加新用户时，要求输入用户名的时候，请求接口校验用户名是否已存在，还要加入防抖节流功能。index.jsx:49 Uncaught (in promise) Error: 用户名已存在。不要使用 lodash 的 debounce 方法来实现此功能。
❤ React报错归纳分析篇
林太白
01-15 7603
React报错归纳分析篇
a-form表单校验`callback` is deprecated. Please return a promise instead.
最新发布
kindming的博客
03-31 446
is deprecated. Please return a promise instead.的错误提示，意思是callback已经被弃用，请使用promise！在使用自定义校验方法时提示了。
umi + webpack4.x 提示DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` inst...
幽灵angel的博客
03-24 1598
这个报错是由于webpack4里的Tapable类的plugin已经废弃了，需要使用hooks api来替代； 但是报错信息中没有显示提示是哪个文件导致的问题。1. 在 /config/config.js 文件中添加一行代码，再次启动项目，报错信息会提示是哪个文件导致的问题。 2. 点击报错信息，会自动打开报错的文件，定位到报错的代码 3. 将被废弃的plugin改成hooks api改为AntdProMergeLess 为当前模块的模块名称 4. 重新启动项目，发现还有另一个插件报同样的错误 5. 按
react引入antd报警告--findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of CSS..
weixin_44471622的博客
05-07 2515
警告内容 警告原因 src/index.js中使用的严格模式。 解决办法 删除<React.StrictMode>标签
Warning: findDOMNode is deprecated in StrictMode
白开水的博客
04-15 2780
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.
react使用antd警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
热门推荐
bao
03-30 5万+
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...
使用antd 控制台警告：Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
qq_34330989的博客
11-06 1280
卸载最新的react版本，降至18.2.0。最新Andt版本：5.13.2。
React引入AntD警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
任她雨雪风晴
10-26 1882
问题如下： 原因：react使用严格模式导致的警告，删除外层StrictMode组件即可； 解决方案：
react使用ant报Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
酒馆不打烊
06-09 1420
报错内容 只有使用ant组件的时候才会报错，是因为react开启了严格模式 去掉React.StrictMode，这样就不会报错了
react使用antd警告：Warning: findDOMNode is deprecated in StrictMode.
小张微说的博客
05-24 2754
警告信息： 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...
findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which 的解决
浮生离梦的博客
02-04 7517
一、问题的出现： 在进行 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. 如下所示： 二. 问题的分析及解决： 问题的分析：这个错误描
Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `items` instead.
06-08
感谢提醒，这是关于 antd 的面包屑（Breadcrumb）组件的一个警告信息。提示我们不再使用 Breadcrumb.Item 和 Breadcrumb.Separator，而应该使用 items 属性来代替它们。这是因为 antd 组件库的升级迭代，为了更好地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值