Redux中dispatch后useSelector未更新返回值问题求助

• 第一步：确认Redux store的挂载路径是否正确
  你当前视图层代码取值为 state.ad.filters，需要先检查根reducer通过combineReducers注册时，你写响应时间逻辑的reducer是否被挂载在ad属性下，路径写错会导致始终取到未更新的旧状态，永远不会触发更新。
• 第二步：排查reducer的分支逻辑与执行结果
  确认RESPONSE_TIME的case没有被前面的分支拦截（比如前面的case没有写return/break，导致逻辑没有走到当前分支），同时在return newState前加日志确认分支正常触发、返回的新对象中filters.response_time确实被修改为'12'，另外排查是否有其他同名action、或者后续触发的其他action覆盖了这个属性的值。

// 示例日志
console.log('reducer更新后的值', newState.filters.response_time)

• 第三步：检查是否存在直接修改原state的非法操作
  Redux依赖状态引用变化判断是否需要更新，如果你在这个reducer的其他分支中存在直接修改原state的操作，比如：

// 错误示例，直接修改原state不会触发更新
state.filters.xxx = 'xxx'
return state

这类操作会污染原state对象，可能导致后续返回的新对象被浅比较误判为无变化。

• 第四步：确认useSelector没有自定义错误的比较函数
  默认useSelector使用===严格比较返回值，如果你额外传入了自定义的相等判断函数（比如错误写了永远返回true的比较逻辑），也会导致状态更新不触发视图重渲染。
• 第五步：排查闭包问题
  如果你是在dispatch后立刻同步打印filters.response_time，拿到的是当前渲染闭包中的旧值是正常现象，只有下一次组件渲染后才会拿到更新后的值，你写的useEffect只要filters.response_time真的变化一定会触发，未触发就说明状态确实没有更新。

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