Puisque ma base de code est assez grande, je n'ajouterai pas d'exemple. J'espère que ma question est suffisamment claire.

J'utilise react-chartjs-2 pour créer un graphique en anneau. Je remarque que chaque changement d'état déclenchera probablement un événement sur le graphique. Je n'arrive pas à comprendre comment empêcher le graphique de s'afficher.

Une idée comment désactiver ce comportement?

Je vous remercie

-2
angus 26 août 2020 à 15:30

2 réponses

Meilleure réponse

J'imagine que si votre composant ne rend pas, il ne déclenchera pas de rendu dans votre graphique, vous pourriez envelopper votre graphique dans un nouveau composant et utiliser React.memo avec votre condition pour rendre ou non le graphique, mais prendre pour éviter le rendu bogues avec memo ce serait votre dernière option utilisée pour améliorer les performances.

React est TRÈS rapide et il y a tellement de choses auxquelles je peux penser pour vous de faire de votre temps qui serait mieux que d'optimiser des choses comme celle-ci

Kent C. Dodds https://kentcdodds.com/blog/usememo-and-usecallback

0
Sheldon Oliveira 26 août 2020 à 12:39

Si vous utilisez une fonction Component, vous pouvez utiliser des hooks comme useMemo qui vous empêchent de rendre certains composants enfants à partir du rendu. Si vous utilisez un composant de classe, vous pouvez utiliser le cycle de vie shouldComponentUpdate

0
GURU MAHESH K 26 août 2020 à 12:38