Unable to find node on an unmounted component in React

已于 2024-06-18 08:30:43 修改
阅读量645 收藏 8
点赞数 10
文章标签： react.js javascript 前端
于 2024-01-12 16:18:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43726152/article/details/135555843
版权

在这里插入图片描述

小众错误一枚，网上都说需要react版本没有升级原因，因为是内部错误，控制台又无法定位到代码哪一行报错，网上又没有类似的解决方法，特此记录思路，供大家参考。
通过网上说的版本原因，合理推测是因为antd 3.x版本对4.x写法的不兼容导致的，经过多部分排查改正，将4.x版本的函数const写法从render内移动至render之外履行this.xxx函数职责后，错误消失。

蟹黄汤包_
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-ReactHooksAPI在166上面的模拟实现
08-15
console.log('Component unmounted'); }; }); return ( <p>You clicked {count} times () => setCount(count + 1)}> Click me ); } ``` 在这个例子中，useEffect 在每次组件渲染后打印一条消息，...
react-hooks-and-suspense-egghead-playlist:这是鸡蛋头播放列表“ React Hooks and Suspense”的代码
05-25
console.log('Component unmounted'); }; }, []); // 只在首次渲染时运行 return <div>...; } ``` `useContext`钩子用于订阅React的Context API，使得组件能够在不通过props层层传递的情况下共享状态： ```...
Unable to find node on an unmounted component.
pgLi
02-20 3210
背景：使用react-sortable-tree在升级react 17.0.1是报错，错误信息： react-dom.development.js:24281 Uncaught Error: Unable to find node on an unmounted component. at findHostInstanceWithWarning (react-dom.development.js:24281) at findDOMNode (react-dom.development....
react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone
qq_36400206的博客
01-07 5606
react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone 在采用ant.design的Table组件时，给table组件赋值了rowkey为id <Table columns={columns} dataSource={this.state.data} pagination=...
amis报unabled to find node on an unmounted component
TheHighPriestess的博客
08-08 434
记录一下这个入amis的坑，react项目中使用amis的form组件时就报错，目前已解决： 我的react项目里的react和react-dom的版本都是17的，而amis目前还不兼容17版本的react，所以将react和react-dom的版本换成16就可以了。 ...
百度amis报unabled to find node on an unmounted component
qq_36016136的博客
01-15 679
在react项目中使用amis的部分组件时（例如：form）报了这个错误。后来发现是版本问题，我的react项目里的react和react-dom的版本都是17的，而amis目前还不兼容17版本的react，所以将react和react-dom的版本换成16就可以了。 ...
【React踩坑记一】React项目中禁用浏览器双击选中文字的功能
毛毛虫博客
01-16 1464
常规项目，我们只需要给标签加一个onselectstart事件，return false就可以 例： &amp;lt;div onselectstart=&quot;return false;&quot; &amp;gt;&amp;lt;/div&amp;gt; 但是在React中，是没有onselectstart事件的 我们只需要给标签添加个样式就可以了。 .node{/*node为标签的class名*/ -webkit-user-sele...
React基础实用知识库分享
最新发布
11-08
React 基础知识库分享是 React 开发者的必备知识库，涵盖了 React 的基础知识点，从安装 React 到高级使用。以下是知识点总结： 安装 * 使用 npm 安装 Create React App：`npm install -g create-react-app` * ...
react-counter-app
04-21
console.log('Component unmounted'); }; }, [count]); // 只当count改变时才重新运行effect function increment() { setCount(count + 1); } return <button onClick={increment}>{count}; } ``` 5. **...
todo-app:用React构建的TODO-APP-钩子
05-27
在本文中，我们将深入探讨如何使用React框架，特别是利用其内置的钩子API来构建一个功能完备的"Todo-App"。React钩子是自React 16.8版本引入的功能，它允许我们在不编写类组件的情况下使用状态和其他React特性。我们...
使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案
PureSky12的博客
07-28 4688
使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案
React Uncaught TypeError: _react2.default.unmountComponentAtNode is not a functi
快乐每一天
05-31 959
React报错提示: Uncaught TypeError: _react2.default.unmountComponentAtNode is not a function     报错原因: React版本过高，不支持React.render React.unmountComponentAtNode(wrapper);     解决方案: 1.降级React版本 2.使...
ReactDom（render、findDOMNode、unmountComponentAtNode）
AIWWY的博客
12-06 595
目录ReactDomrenderfindDOMNodeunmountComponentAtNodereact-dom是React剥离出的涉及DOM操作的部分。render用于将React渲染的虚拟DOM渲染到浏览器DOM。注意有可选参数callback函数，当组件装载完毕时，callback 就会被调用。 findDOMNode 用于获取真正的DOM元素，以便对DOM节点进行操作。可以传入组件或ref来获取原生dom（ref加在原生dom上，获取到的就是原生dom；ref加在组件上，获取到的是组件实例
react学习总结2--基础（二）
mjzhang1993的博客
12-17 5846
react 学习总结–基础（二）说明 React 版本 ：”15.4.1” react-tap-event-plugin 版本： “^2.0.1” 1.数据流 在 React 中，数据流的流向是单向的–从父节点传递到子节点，因而组件是简单且易于把握的，他们只需从父节点获取props渲染即可 React 组件内部还具有自己的状态，这些状态只能在组件内修改，React组件本身
You are calling ReactDOM.unmountComponentAtNode() on a container解决办法
qq_41649740的博客
06-20 1270
You are calling ReactDOM.unmountComponentAtNode() on a container解决办法
【react+amis】The above error occurred in the ＜TableRenderer＞ component
weixin_53338835的博客
08-05 964
【react+amis】The above error occurred in the component
te on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. in HPAModal (created by wra
06-02
我很抱歉，但是你的问题似乎不完整，它是一个 JavaScript 的错误提示，可能与 React.js 相关。它的意思是在一个未挂载的组件上调用了 setState 方法，这是一种内存泄漏的情况。解决方法是在 componentWillUnmount ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值