Как убрать моргание кнопок?

Question

[Никита]

Делаю приложение на React и при разработке navBar появилась такая проблема, что иконки моргают при смене с активной на неактивную
Это и логично, потому что у меня есть boolean свойство в зависимости от которого у меня меняет путь к иконке
<img src={IsAcitve ? activeIncon : icon} />
Подскажите, как решить эту проблему?
Иконки SVG

Answer 1

[lilwings]

Использовать иконку не в директории а в спрайте.

1) Создать спрайт со всеми иконками
2) При обращении к первой иконке, весь спрайт попадет в кеш и моргание пропадет

P.S: Могу пример из Angular приложения привести, логика одна и та же будет

Comments

[Никита]

Да, приведи, пожалуйста

Answer 2

[McBernar]

Еще как вариант — сделать принудительную загрузку через new Image() в didMount. Тогда они закешируются сразу при загрузке компонента.