Semantic UI Sidebar.Pushable 不会更新页面内容

Question

我正在使用 redux 来管理我的侧边栏可见性状态（sidebarvis: true, false）。路由也由 redux 管理。

当我单击链接以更改可见侧边栏中的页面时，redux 成功更新了路由器状态，但 sidebar.pushable 中的内容在我的侧边栏被切换之前不会更新（AKA 直到触发 toggleSideBar 操作）。

换句话说，redux 工作正常，但页面直到侧边栏再次切换后才会呈现。有其他人遇到过这个问题吗？

Answer 1

发现问题。 Semantic-Ui 建议将侧边栏放在根级别，以便您的所有内容都包含在 Sidebar.Pusher 中。

如果您使用的是 react state，这很好，但如果您使用的是 redux，根（或我们在示例中常见的应用级别容器）容器似乎不喜欢连接到 redux 存储。

我只是创建了一个侧边栏组件，在根容器中渲染它，并将我的所有路由作为子级传递给侧边栏。