React-Redux中useSelector获取的selectedHotel状态不随reducer正常更新

你的异常本质是 useSelector 的取值路径与 Redux 根状态的实际结构完全不匹配，和 dispatch 触发、reducer 更新逻辑无关——reducer 能正常更新说明 store 已经正确注册了该 reducer，只是组件从根 state 里取数的时候找错了位置。
你当前的 configHotelReducer 设计是：负责的状态切片本身就是选中酒店ID的字符串（默认值为"all"，触发SELECT_HOTEL动作时直接返回payload作为该切片的新状态，没有额外嵌套对象结构）。
但你在组件里写的选择器是 state => state.selectedHotel，对应两种常见的路径错配场景：

• 场景1：你使用combineReducers组合根reducer时，把configHotelReducer挂载在了其他键名下（比如常见的configHotel、hotelConfig这类键名），导致state.selectedHotel这个路径在根state里根本不存在，返回自然是undefined。
• 场景2：你没有使用combineReducers，直接把configHotelReducer作为根reducer传给了createStore，此时整个store的state就是这个reducer返回的纯字符串，给字符串取.selectedHotel属性自然也是undefined。

第一步：确认根状态的实际结构 #

临时在组件里加全量state打印，确认你的根state到底长什么样：

// 临时调试代码
const rootEntireState = useSelector(state => state);
console.log('当前根Redux状态：', rootEntireState);

拿到打印结果后对照结构：

• 如果打印出来是个对象，能看到某一个键的值就是你reducer返回的字符串（比如键名是configHotel，值为"all"或你传入的酒店ID），记下来这个实际的键名。如果打印里存在selectedHotel键，那它是其他reducer在负责维护，你当前触发的SELECT_HOTEL动作根本不会修改这个字段，自然会一直保持初始的undefined。
• 如果打印出来直接就是字符串（比如输出"all"），说明你是直接把该reducer作为根reducer使用的，没有做状态切片嵌套。

第二步：修正useSelector的取值路径 #

完全匹配你上一步拿到的实际状态结构即可：

• 如果是combineReducers把configHotelReducer挂载在configHotel键下的场景，改成：

  const selectedHotel = useSelector(state => state.configHotel);
  

• 如果是直接把该reducer作为根reducer的场景，直接取全量state即可：

  const selectedHotel = useSelector(state => state);
  

不要对事件回调里打印的selectedHotel值有误解：dispatch触发后，组件的重渲染是异步的，事件回调里捕获的始终是本次渲染周期里的闭包旧值，哪怕状态已经更新，回调里打印的也不会是最新值——这个是React函数组件的正常闭包特性，不是bug。等回调执行完、组件重新渲染后，useSelector就会拿到最新的状态值。

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