原文: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