Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it indic

问题描述：

报错信息：Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.
报错截图：

原因分析：

场景描述：React项目中，在页面加载中（未加载完成时）进行点击操作，报出。
根据错误提示，无法对已经卸载的组件进行状态更新，这会导致内存泄漏。
分析错误原因是，在做事件、定时器、网络请求等时，该事件没有完成时跳转到新的页面

解决方法：

取消事件
- window.removeEventListener('事件类型'，事件)
取消定时器
- clearTimeout(定时器)
取消网络请求
- 这里主要是恢复网络请求的默认操作，比如更新数据恢复为默认值
return ()=>{ 操作1。。。 }

后续继续更新。。。

Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it indic相关推荐

【Bug解决】Can‘t perform a React state update on an unmounted component. This is ＞ a no-op, but it...
在 React 应用程序中我们遇到以下警告消息: Can't perform a React state update on an unmounted component. This is a no- ...
解决问题 Warning: Can‘t perform a React state update on an unmounted compo
由于组件中的state未能加载完成就切换页面导致报错解决办法在组件的卸载之前的周期 componentWillUnmount componentWillUnmount(){this.setState ...
react报错Can‘t perform a React state update on an unmounted component. This is a no-op, but it indicat
我们在react开发中经常遇到这个报错: 经过查阅资料后解决了这个报错,在这里记录一下. 这句话大概意思是:我们不能在组件销毁后设置更新状态state,防止出现内存泄漏的情况关于react中切换路由 ...
React篇-报错信息：warning: Can't call setState (or forceUpdate) on an unmounted component.
报错信息是: Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but ...
前端框架--React props与React state
版权声明:本文为博主原创文章,未经博主允许不得转载. 二者区别 state 和props 主要的区别在于子组件通过props来传递数据,一旦外部传入数据后, props 不可改变. 而 state作为 ...
react 中 Warning A future version of React will block javascript 异常解决
react 中 Warning A future version of React will block javascript 异常解决问题描述 <a href="javascrip ...
工作214：结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component
结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component render function. 代 ...
You may have an infinite update loop in a component render function问题解决
You may have an infinite update loop in a component render function问题解决今天在用的vue的时候,碰到一个问题,在计算属性中修改d ...
VUE+ELEMENT:表格渲染导致的异常:You may have an infinite update loop in a component render function
场景: 做一个全文检索,检索到的记录显示到el-table表中,这本是一个简单的问题.后面要对检索的Key在记录中做高亮显示,遇到了这个异常. 百度一下,很吓人.可能有无限更新循环,这怎么行,听着这得 ...

Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it indic

Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it indic相关推荐

最新文章

热门文章