still have bug

src/components/PowerList/index.jsx

@@ -11,7 +11,6 @@ export default React.forwardRef((props, ref) => {
 
   const pageSize = 5;
   const pageShowRef = React.useRef(false);
-  const inited = React.useRef(false);
   const [loading, setLoading] = React.useState(false);
   const [list, setList] = React.useState([]);
   const [finished, setFinished] = React.useState(true);
@@ -100,17 +99,12 @@ export default React.forwardRef((props, ref) => {
 
   useHide(() => {
     pageShowRef.current = false;
+    Taro.removeStorageSync(`list-${sid}`);
   });
   
   // 页面隐藏之后, 还会执行一次 useEffect
   // 不知道是否是 Taro 的 bug
   React.useEffect(() => {
-    if (!inited.current) {
-      // 首次进入, 清理缓存
-      Taro.removeStorageSync(`list-${sid}`);
-      inited.current = true;
-    }
-
     if (pageShowRef.current) {
       refresh(params);
     }

src/layouts/hooks/useHide.js

@@ -1,34 +1,25 @@
 import React from "react";
-import evtBus from '@/utils/event_bus';
+import Taro from '@tarojs/taro';
 
 /**
  * 页面显示, 隐藏 hook, 可以在 component 中使用
  */
-export default (fn, deps) => {
+export default (fn) => {
   const fnRef = React.useRef();
   fnRef.current = fn;
 
-  const [evt, func] = React.useMemo(() => {
-    const evt1 = evtBus.current();
-    const func1 = () => fnRef.current();
+  const evt = React.useMemo(() => {
+    const _evt = Taro.getCurrentInstance().router.onHide;
+    Taro.eventCenter.on(_evt, fnRef.current);
 
-    evt1.addEventListener('hide', func1);
-    evt1.addEventListener('unload', func1);
-
-    return [
-      evt1,
-      func1,
-    ];
+    return _evt;
   }, []);
 
   React.useEffect(() => {
-    evt.addEventListener('hide', func);
-    evt.addEventListener('unload', func);
-
     return () => {
-      evt.removeEventListener('hide', func);
-      evt.removeEventListener('unload', func);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
+      fnRef.current(); // 卸载的时候也执行一次
+      Taro.eventCenter.off(evt, fnRef.current);
+    }
+  }, []);
 }
+

src/layouts/hooks/useShow.js

@@ -1,31 +1,23 @@
 import React from "react";
-import evtBus from '@/utils/event_bus';
+import Taro from '@tarojs/taro';
 
 /**
  * 页面显示, 隐藏 hook, 可以在 component 中使用
  */
-export default (fn, deps) => {
+export default (fn) => {
   const fnRef = React.useRef();
   fnRef.current = fn;
 
-  const [evt, func] = React.useMemo(() => {
-    const evt1 = evtBus.current();
-    const func1 = () => console.log('--show-->') || fnRef.current();
+  const evt = React.useMemo(() => {
+    const _evt = Taro.getCurrentInstance().router.onShow;
+    Taro.eventCenter.on(_evt, fnRef.current);
 
-    evt1.addEventListener('show', func1);
-
-    return [
-      evt1,
-      func1,
-    ];
+    return _evt;
   }, []);
 
   React.useEffect(() => {
-    evt.addEventListener('show', func);
-
     return () => {
-      evt.removeEventListener('show', func);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
+      Taro.eventCenter.off(evt, fnRef.current);
+    }
+  }, []);
 }

src/layouts/index.jsx

@@ -5,7 +5,6 @@ import { useModel } from '@/store';
 import { Loading, Notify, Dialog } from '@antmjs/vantui';
 import NavLoading from '@/components/NavLoading';
 import Auth from '@/components/Auth';
-import evtBus from '@/utils/event_bus';
 import TabBar from './TabBar';
 import laySty from './layout.module.less';
 
@@ -15,10 +14,6 @@ export default (props) => {
   const { person, user, duty } = useModel('user');
   const containerClass = `${laySty['page-conatiner']} ${tabBar ? laySty['with-tabbar'] : ''} ${className}`;
 
-  const evt = React.useMemo(() => {
-    return evtBus.current();
-  }, []);
-
   React.useEffect(() => {
     if (person && !user) {
       const currentPage = Taro.getCurrentPages().slice().pop();
@@ -36,26 +31,6 @@ export default (props) => {
     };
   });
 
-  Taro.useDidShow(() => {
-    // useDidShow 比 React Hook 要早
-    // 所以使用 nextTick
-    Taro.nextTick(() => {
-      evt.dispatchEvent('show');
-    });
-  });
-
-  Taro.useDidHide(() => {
-    Taro.nextTick(() => {
-      evt.dispatchEvent('hide');
-    });
-  })
-
-  Taro.useUnload(() => {
-    Taro.nextTick(() => {
-      evt.dispatchEvent('unload');
-    });
-  })
-
   return (
       <View className={laySty['page-wrapper']}>
         <Notify id="vanNotify" />

src/pages/home/components/StatCard.jsx

@@ -9,6 +9,8 @@ export default React.forwardRef((props, ref) => {
   const { duty } = props;
 
   const [list, setList] = React.useState([]);
+  const dutyRef = React.useRef();
+  dutyRef.current = duty;
 
   const classNames = React.useMemo(() => {
     return [
@@ -32,10 +34,10 @@ export default React.forwardRef((props, ref) => {
   }), [duty]);
 
   useShow(() => {
-    if (duty) {
-      getIndexData(duty).then(setList);
+    if (dutyRef.current) {
+      getIndexData(dutyRef.current).then(setList);
     }
-  }, [duty]);
+  });
 
   return (
     <View className={classNames}>

src/utils/tools.js

@@ -2,9 +2,10 @@
 // @fn 是对应请求数据
 // @ms 是用户多次触发事件的时间间隔 是一个毫秒数
 export function throttle(fn, ms = 800){
-  let flag = true
+  let flag = true;
 
   return (...args) => {
+    console.log('-----flag----', flag);
     if(!flag) return;
 
     flag = false;