React Uncaught TypeError: _react2.default.findDOMNode is not a function

最新推荐文章于 2025-05-06 22:05:27 发布
最新推荐文章于 2025-05-06 22:05:27 发布
阅读量718 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： React 文章标签： 乔乐共享 众观千象 每天进步一点点 学习永无止境 React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82652807
本文介绍了当遇到React中findDOMNode不是一个函数的错误时的解决办法。主要原因是React版本过高不支持旧API，提供了两种解决方案：一是降级React版本；二是采用ReactDOM.findDOMNode替代。文章还给出了具体的代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

React报错提示:

Uncaught TypeError: _react2.default.findDOMNode is not a function

 

 

报错原因:

React版本过高，不支持React.render

React.findDOMNode(this.refs.confirm).focus();

 

 

解决方案:

1.降级React版本

2.使用ReactDOM.render

import ReactDOM from 'react-dom'

ReactDOM.findDOMNode(this.refs.confirm).focus();

 

 

 

有疑问或技术交流，扫描公众号一起讨论学习。

更多React在线学习访问：http://each.sinaapp.com/react/index.html

Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function
weixin_40460171的博客
12-30 3228
报错信息 login.jsx:111 Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function 网上查到的解法一 原因：由于antd的版本导致 解决：package.json文件下的antd版本号修改为3.26.14 我的版本【“antd”: “^4.9.4”,】 网上查到的解法二 Ant Design 4.0 对Form进行了修改，已经不使用 Form.c
解决 pdf.js 出现 TypeError: key.split(...).at is not a function 报错问题
HHH917的博客
06-15 1424
使用pdf.js v2版本部分机型出现 TypeError: key.split(…).at is not a function 报错。
Uncaught TypeError: _react2.default.findDOMNode is not a function
weixin_30414635的博客
06-02 335
react 查找某节点时报错 Uncaught TypeError: _react2.default.findDOMNode is not a function 代码： import React, {Component, PropTypes} from 'react'; class AddToDo extends Component { render() { ...
React Uncaught TypeError: _react2.default.render is not a function
快乐每一天
05-31 853
React报错提示: Uncaught TypeError: _react2.default.render is not a function     报错原因: React版本过高，不支持React.render React.render(<Confirm {...props}/>, wrapper);     解决方案: 1.降级React版本 2.使用R...
react-transition-group 在 React 18 及以上版本中的兼容性问题
最新发布
weixin_62831076的博客
05-06 443
在React19中下载react-transition-group（4.4.5），正常导入使用：出现下述报错：React18开始，已废弃findDOMNode ，而 react-transition-group 的 4.4.5 版本仍然使用了 findDOMNode来获取DOM节点，以便在动画中直接使用这些节点，从而导致报错那么早期react-transition-group是如何使用findDOMNod的那？1.获取DOM获取 DOM 节点以应用动画：2.处理动画的生命周期：为什么被废弃？ 1.React
react -错误 Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function
qq_43526329的博客
01-05 4280
【代码】react -错误 Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function。
React native:TypeError: undefined is not a function (evaluating 'addListener')
chaosama的博客
03-14 3489
项目本来是OK的，但是放着一段时间后竟然报错了:TypeError: undefined is not a function (evaluating 'addListener')原因是yarn.lock没部署好，部署好了删掉node_modules再重新yarn install尽量不要用npm install，npm很容易弄混依赖的。...
Uncaught TypeError: _react2.default.createContext is not a function
weixin_30312557的博客
12-18 516
question is caused by react version, update your react version, it will be ok. use "npm update react" and ""npm update react-dom"" //before: "react": "^16.2.0", "react-dom": "^16.2.0", //aft...
moment.js:93 Uncaught TypeError: date.clone is not a function
weixin_44671867的博客
07-29 3681
原因：把数据向表单中保存，出现日期问题，处理数据中的时间 //查看方法 recorder.orderDate = moment(recorder.orderDate) recorder.planStartTime = moment(recorder.planStartTime) recorder.planFinishTime = moment(recorder.planFinishTime) this.setState({ pId: recorder..
【Uncaught(in promise)TypeError:0bject.hasOwn is not a function 报错解决、polyfill 支持Object.hasOwn 低版本浏览器】
weixin_56048772的博客
09-11 1105
在项目开发完成后，进行版本测试过程中，更换了浏览器，遇到报错控制台： 报错定位：报错由该项目中使用的插件导致，hasOwn是es2022新语法，旧浏览器不支持。提案方法 与 具有相同的行为。直接修改插件中的源码，相当于去修改了模块，你下次再时还是会被重新覆盖的，当然也可以去搜索如何优雅的修改中的代码而不被覆盖。但此方案，治标不治本。polyfill 支持在不支持的浏览器中，我们需要使用一些回退方式。我们利用 与 的相同行为实现支持方案： 将此js文件放在项目入口文件index.js中，项目初始化时执
【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined
all_might1的博客
09-10 1327
一、问题描述 忙里偷闲，想重开个项目，用作练习项目。但是在 npm i ，启动后，项目没有出现React转圈圈的动画。一开控制台报了如下错误： 二、问题解决思路 本来想顺藤摸瓜找到这个文件看看那句话是咋回事，但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去，也毫无收获，没这文件。 但是无论我怎么重新启动都报这个错，然后不信邪就去直接找项目文件夹。嘿，很轻松一眼找到了。 ...
[wx][渲染层错误] TypeError: this.virtualDOM.spreadScopeDataToDOMNode is not a function
qubes的专栏
04-04 1177
渲染层错误] TypeError: this.virtualDOM.spreadScopeDataToDOMNode is not a function。
DOM对象转jQuery对象，报错not a function
weixin_46693060的博客
07-14 3009
DOM对象转jQuery对象，报错not a function git报错截图 each遍历，item直接引用报错，显示not a function。 vscode代码 获取到的数组是jQuery伪数组，each遍历后得到的是DOM对象，不能直接引用，需要转为jQuery对象再引用。 修改如下： ...
React报错this.getDOMNode is not a function
youyou_LIN的博客
03-14 2343
在React0.14后，getDOMNode（）已经被移除可使用 ReactDOM.findDOMNode(this)来获取节点
react报：export useHistory (imported as useHistory) was not found in react-router-dom
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
08-31 8126
react-router-dom v4 可以使 withRouter (函数组件里可以用这个方法),当然 也可以直接 this.props.history.push。很明显 这个报错 是说 react-router-dom 里没有 useHistory。这个就涉及 react-router-dom这个插件的版本问题了。react-router-dom v5 是使用 useHistory。问题出在这里了 不同版本差异化，所以用之前需要确认版本。react-router-dom v6 里。..........
webpack+react中问题解决
m0_75085583的博客
10-27 1349
首先确认我们是否下载了react的依赖，就算在package.json中查看有react依赖，也不一定会好使，所以，我们需要在安装一次依赖：pnpm install react react-dom确保 文件中包含了对 JSX 的正确配置。 将此配置打开，这种转换方式允许你在 React 组件中使用 JSX，这样webpack就可以翻译react组件了如果你使用了 Babel 来转译代码，确保安装了 并正确配置了 或 文件：json文件：{ "presets": ["@babel/preset
使用webpack打包react项目中遇到的问题（二）
Lynn_z的博客
10-16 4126
问题三：外部扩展库中React is not defined 原因：不小心把react写在了配置文件的extenal中 module.exports = { entry: __dirname + '/src/ManageSystem.js', output: { path: __dirname + '/build', filename:
已解决 Bug: Error - Target container is not a DOM element (React)
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 509
作为一名前端开发者，我曾遇到了一个令人头疼的问题：Error - Target container is not a DOM element，这个错误会导致 React 应用无法正确渲染。在这篇博客中，我将分享我的研究成果，深入探讨这个Bug的根本原因，并提供详细的解决方法，以及如何避免类似问题的发生。让我们一起来解决这个React中常见的Bug吧！"Error: Target container is not a DOM element"是React开发中常见的Bug，但它并不难以解决。
react 点击图标报错uncaught TypeError: a.target.className.indexOf is not a function
05-05
这个错误通常是因为你的代码中使用了 `indexOf` 方法，但是该方法只能作用于字符串，而你的 `a.target.className` 可能不是一个字符串类型。 你可以尝试在使用 `indexOf` 之前，先将 `a.target.className` 转换成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值