ipanel-rnapp-ajb-base 1.0.37 → 1.0.38

package/app/hooks/useDynamicPackages.js

@@ -1,22 +1,32 @@
-import React, {useState, useCallback} from 'react';
+import React, { useState, useEffect } from "react";
 
 const useDynamicPackages = () => {
   const [DynamicStackScreens, setDynamicScreens] = useState({});
 
-  const initEvent = useCallback(() => {
-    const addDynamicScreens = screens => {
-      setDynamicScreens({
-        ...DynamicStackScreens,
-        ...screens,
+  useEffect(() => {
+    const addDynamicScreens = (screens) => {
+      // 使用函数式更新，可以确保我们总是基于最新的状态进行更新
+      setDynamicScreens((currentScreens) => {
+        const allScreens = {
+          ...currentScreens,
+          ...screens,
+        };
+        return allScreens;
       });
     };
-    global.base.eventBus.removeAllListeners('addDynamicScreens');
-    global.base.eventBus.addListener('addDynamicScreens', addDynamicScreens);
-  }, [DynamicStackScreens]);
 
-  initEvent();
+    global.base.eventBus.addListener("addDynamicScreens", addDynamicScreens);
 
-  return {DynamicStackScreens};
+    // useEffect 的清理函数：在组件卸载时移除监听，防止内存泄漏
+    return () => {
+      global.base.eventBus.removeListener(
+        "addDynamicScreens",
+        addDynamicScreens
+      );
+    };
+  }, []); // 空依赖数组意味着这个 effect 只在组件挂载时运行一次
+
+  return { DynamicStackScreens };
 };
 
 export default useDynamicPackages;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ipanel-rnapp-ajb-base",
-  "version": "1.0.37",
-  "ipanelVersion": "1.0.514",
+  "version": "1.0.38",
+  "ipanelVersion": "1.0.515",
   "description": "",
   "main": "index.js",
   "keywords": [