Reactjs 当路由发生时,如何保持react pro侧边栏子菜单打开?
我正在使用Reactjs 当路由发生时,如何保持react pro侧边栏子菜单打开?,reactjs,react-router,react-sidebar,Reactjs,React Router,React Sidebar,我正在使用react-pro侧边栏。菜单层次结构按预期工作 单击时,将显示其所有子菜单。在子菜单中,我有路由。所以当我点击任何一个子菜单时,所有的菜单都被折叠了。看起来这是由于路由问题。它是?如果是,如何预防这种情况 我的代码片段 <ProSidebar collapsed={collapsed} toggled={toggled} breakPoint="md" onToggle={handleToggleSidebar} &
react-pro侧边栏
。菜单层次结构按预期工作
单击时,将显示其所有子菜单。在子菜单中,我有路由。所以当我点击任何一个子菜单时,所有的菜单都被折叠了。看起来这是由于路由问题。它是?如果是,如何预防这种情况
我的代码片段
<ProSidebar
collapsed={collapsed}
toggled={toggled}
breakPoint="md"
onToggle={handleToggleSidebar}
>
<SidebarContent>
<Menu iconShape="circle">
<SubMenu title={'Submenu 1'} icon={<FaList />}>
<SubMenu title={`Submenu 1.1`} icon={<FaList />}>
<MenuItem icon={<FaList />}>
Menuitem 1.1
<Link to="/menuitem11" />
</MenuItem>
<MenuItem icon={<FaList />}>
MenuItem 1.2
<Link to="//menuitem12" />
</MenuItem>
<SubMenu title={`Submenu 1.1.1`} icon={<FaList />}>
<MenuItem icon={<FaList />}>
Menuitem 1.1.1.1
<Link to="/menuitem1111" />
</MenuItem>
<MenuItem icon={<FaList />}>
Menuitme 1.1.1.2
<Link to="/menuitem1111" />
</MenuItem>
</SubMenu>
</SubMenu>
</SubMenu>
</Menu>
<Menu iconShape="circle">
<SubMenu title={'Submenu 2'} icon={<FaList />}>
<MenuItem icon={<FaList />}>MenuItem211
<Link to="/menuitme21" /></MenuItem>
<SubMenu title={`Subment 2.1.1} icon={<FaList />}>
<MenuItem icon={<FaList />}>Menuitem3.2.1
<Link to="/menuItem31" /></MenuItem>
<MenuItem icon={<FaList />}>Menuitem3.2.2
<Link to="/menuItme32" /></MenuItem>
</SubMenu>
</SubMenu>
</Menu>
</SidebarContent>
</ProSidebar>
菜单项1.1
菜单项1.2
菜单项1.1.1.1
菜单项1.1.1.2
菜单项211
菜单项3.2.1
菜单项3.2.2