關於react下手動判斷是否需要刷新頁面的方法

最近在開發的過程中遇到了一個問題:使用了echarts的路徑圖後,定時修改別的狀態,不論狀態和前一個是否一致,頁面總是會刷新,然後圖表也會一閃一閃的,感覺很難受,特意尋找了解決的辦法,記錄一下:

react中有一個生命週期方法:shouldComponentUpdate(nextProp,nextState),這個方法如果返回false的話就會阻止頁面的更新,通過分別比對props和state的區別就可以判斷是否需要更新視圖,下面上代碼

import _ from 'lodash';
.
.
.
shouldComponentUpdate(nextProps,nextState){
    if(_.isEqual(nextProps.chart,this.props.chart)&&_.isEqual(nextState,this.state)){
        return false;
    }else{
        return true;
    }
}
// lodash是一個用於快捷操作對象、數組及其他類型數據的框架,裏面封裝了衆多便利的方法,感興趣的可以自行百度

以上就是對應的代碼了   雖然比較簡單,但是很實用,希望對各位有所幫助

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章