最近在開發的過程中遇到了一個問題:使用了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是一個用於快捷操作對象、數組及其他類型數據的框架,裏面封裝了衆多便利的方法,感興趣的可以自行百度
以上就是對應的代碼了 雖然比較簡單,但是很實用,希望對各位有所幫助