Can only update a mounted or mounting component. This usually means you called setState() on an unmo

最新推荐文章于 2021-12-30 09:29:24 发布
最新推荐文章于 2021-12-30 09:29:24 发布
阅读量684 收藏
点赞数
分类专栏： React 文章标签： react render setState
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mo_247/article/details/107252426
版权

  1. 控制台出现警告：
    Warning: Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component

  2. 原因：
    React生命周期的componentWillMount和componentDidMount中的setState使用错误。

  • componentWillMount
    在render()方法之前执行，该方法中使用setState不会发生重新渲染。

  • componentDidMount
    在render()方法之后立即执行，该方法中使用setState会触发重新进行渲染。re

  1. 解决办法：
    setState只能用在componentDidMount中，而不是componentWillMount
程序媛小小平
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React异步请求数据出现setState(...): Can only update a mounted or mounting component...
dengdengda的博客
09-08 3297
我们可能对一个没有装载的组件执行了setState()操作,这种情况会出现在callback中，我们的异步请求返回数据之前，组件可能就已经被卸载了，等数据回来再使用setState就会报出上面的警告，所以我们应该手动在componentWillUnmount里去取消callback在它被unmounting之前。
A numerical investigation on vortex-induced vibration of an elastically mounted circular cylinder at low Reynolds number using the fictitious domain method
01-28
基于虚拟区域法的低雷诺数条件下弹性支承圆柱涡激振动的数值模拟，及春宁，，本文应用虚拟区域法数值模拟了二维弹性支承圆柱的涡激振动。圆柱被简化为一个两自由度的质量-弹簧-阻尼系统。首先，应用所编制的�
关于Warning: setState(...): Can only update a mounted or mounting component. This usually means you ...
abc2346789的博客
12-07 193
Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for th...
运行报错 Can only update a mounted or mounting component. This usually means you called setState() on an...
weixin_30924087的博客
01-19 331
内存泄漏，需要销毁 componentDidMount(){ this.timer=setInterval ( ()=>{ let opacity = this.state.opacity; opacity -= .05; if (opacity < 0.1) { opacity = 1.0; } this.setState({ opacity: opacity...
setState(…): Can only update a mounted or mounting component. This usually means you called setState
baozhuona的博客
08-15 858
1.遇到的八阿哥： Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the u...
关于Warning: setState(...): Can only update a mounted or mounting component. This usually means you ca
qwqasd123456的博客
01-08 450
关于Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.的解决方案 关于react中切换路由时报以上错误，实际的原因是因为在组件挂载（m...
Vue 解决通过this.$refs来获取DOM或者组件报错问题
11-20
1.关于this.$refs的使用场景 如果ref属性加在普通元素上，那么this.$refs.name则指向该DOM元素 ”p”>hello <!– this.$refs.p 指向该DOM元素 –> 如果ref属性加在组件上，那么this.$refs.name指向该组件实例 ...
vue 里面的 $forceUpdate() 强制实例重新渲染操作
10-14
主要介绍了vue 里面的 $forceUpdate() 强制实例重新渲染操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js页面加载执行created,mounted的先后顺序说明
01-21
mounted渲染html后再执行。 由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。 补充知识：关于Vue子组件data选项某个属性引用子组件props定义的属性的几点思考 学过Vue的都知道Vue等MVVM框架相...
Xcode真机调试中的 "The Developer Disk Image could not be mounted." 问题-附件资源
03-02
Xcode真机调试中的 "The Developer Disk Image could not be mounted." 问题-附件资源
react警告:Can only update a mounted or mounting component. This usually means
weixin_34117522的博客
02-08 150
报这个错归根到底的原因是：试图在页面卸载后操作页面元素，比如以下几种实例： 1.window的几个事件。例如onscroll、ontouchmove等，在某一个页面绑定了事件函数fun，但是当此页面卸载时，事件函数fun还存在，可能fun试图操作被卸载组件的某个元素，因此报错。 解决方式： 在componentWillUnmount函数中，取消掉事件绑定，以onscroll事件为例： compon...
setState(...): Can only update a mounted or mounting component. This usually means you called
qq_43511140的博客
04-27 265
Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the SalesInfo component. 出现这种情况，是因为组件卸载之后，调用了 setState。 通常会出现在以下两个场景.
Warning: setState(...): Can only update a mounted or mounting component. This usually means you call...
weixin_30412167的博客
12-29 236
原因主要是： 这个错误在配合 多次Route的时候会经常出现 Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the und...
关于Warning: setState(...): Can only update a mounted or mounting component. 警告的解决方案
sushaning的博客
10-27 653
Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. 关于react中切换路由时报以上警告，实际的原因是因为在组件挂载（mounted）之后进行了异步操作。 比如ajax请求或者设置了定时器等，而你在回调函数中进行了setState操作。
react native Warning: setState(...): Can only update a mounted or mounting component.
Keep It Simple, Stupid
02-27 6117
碰到这个问题根据给的提示大概意思是：setState方法仅适用于一个安装好的或者正在安装的组件，出现这个提示通常意味着你在组件卸载之后调用了这个方法。 代码如下，这是一个倒计时组件：/** * Created by tujiaw on 2017/2/19. */import React, { Component } from 'react'; import { Text, View,
setState(...): Can only update a mounted or mounting component. This usually means you called setSta
qq_32234865的博客
04-08 371
错误 setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. 原因 在componentWillMount方法里调用异步方法，比如发请求，然后在异步回调里SetState,有可能界面...
Can only update a mounted or mounting component......只能更新已安装或正在安装的组件。这通常意味着您在未安装的组件上调用了setState（）
记录平时遇到的一些小问题
12-30 444
只能更新已安装或正在安装的组件。这通常意味着您在未安装的组件上调用了setState（）。这是禁止操作。请检查GuaranteManagement组件的代码 解决办法: 检查setState方法,看有没有未使用的组件,或未使用的方法内使用了setState方法,如果是未使用的方法使用了setState也会报错 此解决方法只适用本文,也许还有别的原因,只是一个建议方向 ...
React报错Warning:setState(...):Can only update a mounted or mounting component...
kongjunchao159的博客
03-23 6877
React项目中报错： 实际在调试过程中发现，仅当在页面间快速切换的时候会出现该警告，原因是组件中的setState方法（也有一些setTimeout情况下）是异步执行的，当你在快速切换组件的时候，组件虽然已经被卸载，但是该方法还在异步调用，所以报错 解决方案： 组件将要被卸载的时候，会触发React中的componentWillUnmount方法，该方法是React生命周期的一部分
You may have an infinite update loop in a component render function.
最新发布
09-28
"You may have an infinite update loop in a component render function"是一个警告信息，它表示在组件的渲染函数中可能存在一个无限更新循环。这通常是由于在渲染函数中对观察的数据进行了修改而导致的。 为了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值