Récemment rencontré un problème dans le processus de développement: Après avoir utilisé les echarts feuille de route, le moment modifier d'autres états, que l'ancien état et cohérent, toujours actualiser la page, le tableau se met à clignoter, le sentiment très difficile à accepter, en particulier la recherche d'une solution, et l'enregistrer:
réagir dans une approche du cycle de vie: shouldComponentUpdate (nextProp, NEXTSTATE), si cette méthode renvoie false, il arrêtera les pages de mise à jour, respectivement, que par la différence des accessoires et de l'État peut déterminer si vous devez mettre à jour la vue, les codes suivants
import _ from 'lodash';
.
.
.
shouldComponentUpdate(nextProps,nextState){
if(_.isEqual(nextProps.chart,this.props.chart)&&_.isEqual(nextState,this.state)){
return false;
}else{
return true;
}
}
// lodash是一个用于快捷操作对象、数组及其他类型数据的框架,里面封装了众多便利的方法,感兴趣的可以自行百度
Ce sont le code correspondant, bien que relativement simple, mais très utile, je l'espère pour vous aider