侧边栏选中效果修复
This commit is contained in:
@@ -18,9 +18,7 @@ const Sidebar = ({ collapsed }) => {
|
||||
if (!user?.id||user.menukeys?.length===0) return [];
|
||||
return getMenuItems(user?.menukeys || []);
|
||||
}, [user]);
|
||||
useEffect(()=>{
|
||||
console.log(menuClient,'menuClient');
|
||||
},[menuClient])
|
||||
|
||||
const defaultOpenKeys = useMemo(() => {
|
||||
const pathSegments = location.pathname.split("/").filter(Boolean);
|
||||
return pathSegments.reduce((acc, _, index) => {
|
||||
@@ -30,6 +28,10 @@ useEffect(()=>{
|
||||
}, []);
|
||||
}, [location.pathname]);
|
||||
|
||||
const selectedKey = useMemo(() => {
|
||||
return location.pathname;
|
||||
}, [location.pathname]);
|
||||
|
||||
const handleMenuClick = ({ key }) => {
|
||||
navigate(key);
|
||||
};
|
||||
@@ -48,7 +50,7 @@ useEffect(()=>{
|
||||
<Menu
|
||||
theme={isDarkMode ? "dark" : "light"}
|
||||
mode="inline"
|
||||
selectedKeys={[location.pathname]}
|
||||
selectedKeys={[selectedKey]}
|
||||
defaultOpenKeys={defaultOpenKeys}
|
||||
items={menuClient}
|
||||
onClick={handleMenuClick}
|
||||
|
||||
Reference in New Issue
Block a user