Dado que mi base de código es bastante grande, no agregaré un ejemplo. Ojalá mi pregunta sea lo suficientemente clara.

Estoy usando react-chartjs-2 para crear un gráfico de anillos. Noto que cada cambio de estado probablemente desencadenará un evento en el gráfico. No puedo entender cómo evitar que el gráfico se renderice.

¿Alguna idea de cómo desactivar este comportamiento?

Gracias

-2
angus 26 ago. 2020 a las 15:30

2 respuestas

La mejor respuesta

Me imagino que si su componente no se renderiza, no activará una nueva renderización en su gráfico, podría envolver su gráfico en un nuevo componente y usar React.memo con su condición para renderizar o no el gráfico, pero tome para evitar renderizar errores con memo sería su última opción utilizada para mejorar el rendimiento.

Reaccionar es MUY rápido y hay tantas cosas en las que puedo pensar para que hagas con tu tiempo que sería mejor que optimizar cosas como esta.

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

0
Sheldon Oliveira 26 ago. 2020 a las 12:39

Si está utilizando un componente de función, puede utilizar ganchos como useMemo que le impiden de hacer que ciertos componentes secundarios se vuelvan a representar. Si está utilizando un componente de clase, podría utilizar el ciclo de vida shouldComponentUpdate

0
GURU MAHESH K 26 ago. 2020 a las 12:38