Как отключить событие при изменении состояния

Question

Поскольку моя кодовая база довольно большая, я не буду добавлять пример. Надеюсь, мой вопрос достаточно ясен.

Я использую react-chartjs-2 для создания кольцевой диаграммы. Я заметил, что каждое изменение состояния, вероятно, вызовет событие на графике. Я не могу понять, как предотвратить рендеринг диаграммы.

Есть идеи, как отключить это поведение?

Спасибо

Answer 1

Я полагаю, что если ваш компонент не отображает, он не вызовет повторную визуализацию в вашей диаграмме, вы можете обернуть свою диаграмму в новый компонент и использовать React.memo с вашим условием визуализировать диаграмму или нет, но примите меры, чтобы избежать ошибок визуализации с memo это будет ваш последний вариант, используемый для повышения производительности.

Реагировать ОЧЕНЬ быстро, и я могу придумать для вас так много вещей, которые были бы лучше, чем такие вещи, как оптимизация.

Кент С. Доддс https://kentcdodds.com/blog/usememo-and-usecallback

Answer 2

Если вы используете функцию Component, вы можете использовать хуки, такие как useMemo, которые не позволяют вам отрисовывать определенные дочерние компоненты от повторной визуализации. Если вы используете компонент класса, вы можете использовать жизненный цикл shouldComponentUpdate