From 0f87229318dc2439e0eb054f6c6c5fe52c217b93 Mon Sep 17 00:00:00 2001
From: huangxuan <huangxuan20@huawei.com>
Date: Thu, 30 Nov 2023 16:13:51 +0800
Subject: [PATCH] =?UTF-8?q?[inulax]=20=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=99=A8dispatch=E6=96=B9=E6=B3=95=E5=BC=82=E6=AD=A5=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=97=B6=E6=95=B0=E6=8D=AE=E6=97=A0=E6=B3=95=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inula/src/inulax/adapters/reduxReact.ts   | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/inula/src/inulax/adapters/reduxReact.ts b/packages/inula/src/inulax/adapters/reduxReact.ts
index 1cc6cbb8..4f3bd675 100644
--- a/packages/inula/src/inulax/adapters/reduxReact.ts
+++ b/packages/inula/src/inulax/adapters/reduxReact.ts
@@ -41,29 +41,27 @@ export function createStoreHook(context: Context): () => ReduxStoreHandler {
   };
 }
 
-export function createSelectorHook(context: Context): (selector?: (any) => any) => any {
-  const store = createStoreHook(context)() as unknown as ReduxStoreHandler;
-  return function (selector = state => state) {
-    const [b, fr] = useState(false);
+export function createSelectorHook(context: Context): (selector?: ((state: unknown) => any) | undefined) => any {
+  const store = createStoreHook(context)();
+  return function useSelector(selector = state => state) {
+    const [state, setState] = useState(() => store.getState());
 
     useEffect(() => {
-      const unsubscribe = store.subscribe(() => fr(!b));
-      return () => {
-        unsubscribe();
-      };
-    });
+      const unsubscribe = store.subscribe(() => {
+        setState(store.getState());
+      });
+      return () => unsubscribe();
+    }, []);
 
-    return selector(store.getState());
+    return selector(state);
   };
 }
 
 export function createDispatchHook(context: Context): () => BoundActionCreator {
-  const store = createStoreHook(context)() as unknown as ReduxStoreHandler;
-  return function () {
-    return action => {
-      store.dispatch(action);
-    };
-  }.bind(store);
+  const store = createStoreHook(context)();
+  return function useDispatch() {
+    return store.dispatch;
+  };
 }
 
 export const useSelector = selector => {