You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用TypeScript+React时,TypedUseSelectorHook是否必要?

React + TypeScript + Redux Toolkit:写法可行性与代码结构差异疑问

我是React结合TypeScript的新手,正在学习Redux Toolkit官方教程里Mark Erikson和Jason Lengstorf制作的视频。在视频约45分钟处,Mark提到了两个代码结构(对应视频里展示的代码截图第4、5行),我对此难以理解。因此我用Redux Toolkit自己做了一个计数器示例,没有像Mark那样使用类型转换,想请教我的写法是否可行,并解释两种写法的差异。

我的代码实现

Store导出代码

// Export for provider in App.tsx
export const appStore = configureStore({ reducer: { counterReducer } });

// Export dispatch
export const appDispatch = appStore.dispatch;
export const appState = appStore.getState();

消费状态的方式

let counterValue = useSelector(
  (state) => appStore.getState().counterReducer.value
);

分发Action的代码

appDispatch(add(1));

内容的提问来源于stack exchange,提问作者usama rashad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 18:25:25