fix: 修复子组件的 onShow 中改变状态导致父组件 onShow 不执行的问题

close #1564

packages/remax-runtime/src/__tests__/page.test.tsx

@@ -236,6 +236,36 @@ describe('page', () => {
       page.shareAppMessage();
       expect(log).toEqual(['onShow', 'onShareAppMessage']);
     });
+
+    it('call once with child hook', () => {
+      const log: string[] = [];
+      const foo = React.createRef<any>();
+
+      const Child = () => {
+        const [count, setCount] = React.useState(0);
+        usePageEvent('onShow', () => {
+          log.push('child onShow');
+          setCount(count + 1);
+        });
+
+        return <View>Child</View>;
+      };
+
+      const Foo = React.forwardRef((props, ref) => {
+        usePageEvent('onShow', () => {
+          log.push('foo onShow');
+        });
+
+        return (
+          <View>
+            <Child />
+          </View>
+        );
+      });
+      const page = Page(createPageConfig(() => <Foo ref={foo} />, TEST_PAGE));
+      page.load();
+      expect(log).toEqual(['child onShow', 'foo onShow']);
+    });
   });
 
   it('lifecycle methods', () => {

packages/remax-runtime/src/createPageConfig.ts

@@ -108,7 +108,8 @@ export default function createPageConfig(Page: React.ComponentType<any>, name: s
     callLifecycle(lifecycle: Lifecycle, ...args: any[]) {
       const callbacks = this.lifecycleCallback[lifecycle] || [];
       let result;
-      callbacks.forEach((callback: any) => {
+      // 生命周期中可能改变 state 导致 callbacks 发生变化
+      [...callbacks].map((callback: any) => {
         result = callback(...args);
       });
       if (result) {