Reactjs 语义用户界面侧边栏。可推式赢得';更新网页内容

Reactjs 语义用户界面侧边栏。可推式赢得';更新网页内容,reactjs,redux,react-router,semantic-ui,sidebar,Reactjs,Redux,React Router,Semantic Ui,Sidebar,我正在使用redux来管理我的侧边栏可见性状态(sidebarvis:true,false)。路由也由redux管理 当我单击链接以更改可见侧栏中的页面时,redux正在成功更新路由器状态,但侧栏中的内容。pushable在切换我的侧栏之前不会更新(也称为直到发送toggleSideBar操作) 换句话说,redux工作正常,但是页面在侧边栏再次切换之前不会呈现。还有其他人有此问题吗?找到了问题。语义Ui建议将侧边栏放在根级别,以便将所有内容包装在sidebar.Pusher中 如果您使用的是r

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

当我单击链接以更改可见侧栏中的页面时,redux正在成功更新路由器状态,但侧栏中的内容。pushable在切换我的侧栏之前不会更新(也称为直到发送toggleSideBar操作)


换句话说,redux工作正常,但是页面在侧边栏再次切换之前不会呈现。还有其他人有此问题吗?

找到了问题。语义Ui建议将侧边栏放在根级别,以便将所有内容包装在sidebar.Pusher中

如果您使用的是react state,这很好,但是如果您使用的是redux,root(或我们在示例中常见的应用程序级容器)容器似乎不喜欢连接到redux存储


我只是创建了一个边栏组件,在根容器中呈现它,并将所有路径作为子对象传递到边栏

您好@rh202您能详细介绍一下吗?我遇到的正是这个问题,状态正在更新,但UI不会被重新呈现,直到主侧栏(我使用多个侧栏)的可见性发生变化