原文:React-报错Warning:setState(...)on anunmounted component

一 原因 这种错误一般出现在react组件已经从DOM中移除。我们在react组件中发送一些异步请求的时候,就可能会出现这样的问题。举个例子,我们在componentWillMount中发送异步请求,当请求成功返回数据,我们调用setState改变组件的状态。但是当请求到达之前,我们更换了页面或者移除了组件,就会报这个错误。这是因为虽然组件已经被移除,但是请求还在执行,所以会报setState ...

2017-10-19 17:32 0 3654 推荐指数:

查看详情

react-踩坑记录——swiper报错

已经在html文件中使用过,正确无误;但做成组件后(各种依赖文件引入路径确认无误)报错。 在只引入swiper.css时未报错,引入swiper.js文件后报错,如下: 错误原因,不详。 解决措施,不引入swiper.js,而是直接npm install ...

Sat Sep 16 03:43:00 CST 2017 0 1767
关于Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component

关于react中切换路由时报以上错误,实际的原因是因为在组件挂载(mounted)之后进行了异步操作,比如ajax请求或者设置了定时器等,而你在callback中进行了setState操作。当你切换路由时,组件已经被卸载(unmounted)了,此时异步操作中callback还在执行 ...

Thu Dec 07 20:59:00 CST 2017 0 12727
React-事件绑定

React事件绑定类似于DOM事件绑定,区别如下: React事件的用驼峰法命名,DOM事件事件命名是小写 通过jsx,传递一个函数作为event handler,而不是一个字符串。 React事件不能通过返回false来阻止默认事件,需要显式调用preventDefault ...

Mon Aug 21 17:52:00 CST 2017 0 2242
React组件unmounted之后setState报错处理

最近在做项目的时候遇到一个问题,在 react 组件 unmounted 之后 setState报错。我们先来看个例子, 重现一下问题: 举的例子不是很好,主要是为了说明问题。在 WelcomeWrapper 组件中, 300ms 之后移除了 Welcome 组件,但在 Welcome ...

Wed Apr 05 17:53:00 CST 2017 0 3981
解决react报错:index.js:1 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

报错信息如下: 首先,这个报错的意思是说:在路由快速切换时,数据还没有拿回来,页面就已经销毁了,而当数据拿回来了去执行this.setState()时,找不到组件而报错。 清楚问题后,解决的办法有两个: 第一种:在生命周期UNSAFE_componentWillMount里面取消 ...

Sun Apr 26 19:18:00 CST 2020 0 2267
React-多页面应用

1初始化项目 2.修改index 3.修改app.js文件 4.修改多目录结构 5.弹出webpack配置 npm run e ...

Mon Apr 27 02:05:00 CST 2020 0 2434
react-导航守卫

react中不像vue有专门的导航守卫,react路由实际上也是组件,利用组件的表达式制作配置导航守卫 路由原配置:<Route exact={true} strict={true} exact path='/home' component={Home} /> 守卫配置 ...

Fri Aug 28 17:05:00 CST 2020 0 720
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM