fix: basic-layouts 组件销毁时清空defaultOpenKeys

antdpro · Jun 25, 2023 · 569e0fb · 569e0fb
1 parent b0dc65f
commit 569e0fb
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/basic-layouts/src/Sider/index.tsx b/packages/basic-layouts/src/Sider/index.tsx
@@ -25,11 +25,17 @@ const Sider = (props: SiderProps) => {
     defultOpenMenus,
   } = useLayouts();
   const [defaultOpenKeys, setDefaultOpenKeys] = useState<string[]>([]);
+
   useEffect(() => {
     const keys = localStorage.getItem('defaultOpenKeys');
     if (keys !== null) {
       setDefaultOpenKeys(JSON.parse(keys));
     }
+    return () => {
+      // 组件销毁时执行清空操作
+      setDefaultOpenKeys([]);
+      localStorage.removeItem('defaultOpenKeys');
+    };
   }, []);
 
   const collapsedView = useMemo(