我的Redux dispatch语句有什么问题？为何testLogin的try块未触发状态异常

问题原因及解决方案 #

1. 最高概率问题：未配置redux-thunk中间件 #

你定义的testLogin是一个thunk类型的action（返回异步函数而非普通JS对象），Redux默认仅支持分发普通对象类型的action，没有thunk中间件的情况下，你分发的函数会被直接忽略，不会执行函数内部的逻辑，自然不会进入try块。

解决方法：

如果使用原生Redux：

• 安装依赖：npm install redux-thunk
• 配置store时引入中间件：

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import { authReducer } from './你的reducer路径';

const store = createStore(authReducer, applyMiddleware(thunk));

如果使用Redux Toolkit，configureStore默认内置了thunk中间件，无需额外配置。

2. 常量拼写不统一 #

确认TEST_LOGIN_STATUS常量在action和reducer中是从同一个公共常量文件导入的，没有大小写、拼写不一致的问题，否则reducer无法匹配到对应的action类型，不会更新状态。

3. 状态取值字段错误 #

你的reducer中更新的是loggedIn字段，如果你查询状态时取的是loginStatus字段，会始终拿到初始值。确认取值逻辑和reducer中定义的字段名一致，示例取值逻辑：

const loggedIn = useSelector(state => state.auth.loggedIn)

4. 调试排查步骤 #

如果以上配置都正确，可以加日志定位问题：

• 在dispatch(testLogin(true))前加日志，确认判断逻辑走到了分发步骤
• 在testLogin返回的异步函数第一行加日志，确认函数是否被执行
• 在reducer中加日志，确认是否接收到了TEST_LOGIN_STATUS类型的action

内容的提问来源于stack exchange，提问作者Kerry