redux

/action/page.ts
//同步
export const { saveUserSoursingPage } = createActions({
  SAVE_USER_SOURSING_PAGE: (page) => page
})



export function useUserActions() {
  const dispatch = useDispatch()
  return bindActionCreators<any, any>({
    saveUserSoursingPage
  },
    dispatch)
}

/reducer/page.ts

import handleActions from '../redux-actions-immer';

const initListState = {
  userCenterPage: 1,
  supplerGoodsPage: 1,
};
export default handleActions(
  {
    SAVE_USER_CENTER_PAGE: (state, page) => {
      return {
        ...state,
        userCenterPage: page,
      };
    },
    SAVE_SUPPLIER_GOODS: (state, page) => {
      return {
        ...state,
        supplerGoodsPage: page,
      };
    },
    SAVE_SUPPLIER_LIST_PAGE: (state, page) => {
      return {
        ...state,
        saveSupplierListPage: page,
      };
    },
  },
  initListState
);

 const { saveUserSoursingPage: saveUserSoursingPage1 } = useUserActions()

    const saveUserSoursingPage2 = (a) => {
        return dispatch(saveUserSoursingPage(a))
    }

    useEffect(() => {
        console.log("A F", dispatch(saveOrderSourcingPage(1)))
        saveOrderSourcingPage2(222)
        saveOrderSourcingPage1(111)
        console.log(store.getState());

        dispatch(saveUserSoursingPage(22));

        saveUserSoursingPage1(33)
        saveUserSoursingPage2(11)
        console.log("user2", store.getState());


    }, [])

    console.log(store.getState());