Semantic UI Sidebar.Pushable не будет обновлять содержимое страницы

Question

Я использую избыточность для управления состоянием видимости боковой панели (sidebarvis: true, false). Маршрутизацией также управляет приставка.

Когда я щелкаю ссылку, чтобы изменить страницы в видимой боковой панели, redux успешно обновляет состояние маршрутизатора, но содержимое в sidebar.pushable не обновляется, пока не будет переключена моя боковая панель (AKA, пока не будет отправлено действие toggleSideBar).

Другими словами, приставка работает нормально, но страница не отображается, пока боковая панель не будет переключена снова. У кого-нибудь еще была такая проблема?

Answer 1

Нашел проблему. Semantic-Ui предлагает разместить боковую панель на корневом уровне, чтобы весь ваш контент был обернут внутри Sidebar.Pusher.

Это нормально, если вы используете состояние реакции, но если вы используете redux, корневой контейнер (или контейнер уровня приложения, как мы обычно видим в примерах), похоже, не похож на подключение к хранилищу redux.

Я просто создал компонент боковой панели, отобразил его в корневом контейнере и передал все мои маршруты в качестве дочерних на боковую панель.