语义UI补充工具栏。Pushable不会更新页面内容

时间:2018-06-25 17:03:57

标签: reactjs redux react-router semantic-ui sidebar

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

当我单击链接以更改可见的侧边栏中的页面时,redux成功更新了路由器状态,但是直到切换了我的侧边条(也称为分派toggleSideBar操作之前,也才更新)sidebar.pushable中的内容。

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

1 个答案:

答案 0 :(得分:0)

发现了问题。 Semantic-Ui建议将边栏放在根级别,以便将所有内容包装在Sidebar.Pusher中。

如果您使用React状态,这很好,但是如果您使用的是redux,则根(或在示例中通常看到的应用级容器)容器似乎不喜欢连接到redux存储。

我只是创建了一个侧边栏组件,将其渲染到根容器中,并将所有路径作为子级传递到侧边栏。