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