Как запретить перерисовку компонента при использовании внутри него глобального состояния из Redux

Рейтинг: 0Ответов: 0Опубликовано: 23.03.2023

На странице есть 3 компонента: Header, Sidebar и UserTable.введите сюда описание изображения

В компоненте Header есть кнопка открытия/закрытия сайдбара (на картинки кнопка рядом с логотипом). При нажатии на кнопку она вернёт true или false, соответственно исходя из этого показателя сайдбар будет либо открываться, либо закрываться. Так, как сайдбар и хедер два разных компонента, я прописал эту логику через Redux. Теперь, появилась необходимость, чтобы UserTable также знал о состоянии сайдбара (открыт он или закрыт). Я, также использовал Redux useSelector внутри компонента UserTable, но заметил, что при каждом изменении состояния сайдбара компонент UserTable перерисовывается. Можно ли избежать этих перерисовок, но заставить следить этот компонент за сайдбаром? Просто сейчас этот компонент простой, но в дальнейшем у него будет гораздо больше логики, поэтому нужно задуматься над оптимизацией. Или я слишком паранойю по этому поводу?

Ответы

Ответов пока нет.