Si oui ou non en réaction à rafraîchir la page manuellement déterminer la méthode

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

Publié 47 articles originaux · louange gagné 38 · vues + 60000

Je suppose que tu aimes

Origine blog.csdn.net/qq8241994/article/details/93753962
conseillé
Classement