为什么useEffect内请求完成后调用Redux dispatch不生效且读取状态为空

问题根因排查与解决方案 #

1. 最常见原因：useSelector取值路径错误

Redux DevTools显示状态正常，说明Action和Reducer的逻辑是正确的，90%的概率是你调用useSelector时，取状态的路径和combineReducers里挂载Reducer的key不匹配。
你可以先加一行代码测试完整store结构：

// 输出完整store结构，确认currency状态的挂载路径
const fullState = useSelector(state => state)
console.log(fullState)

比如你在combineReducers里写的是{ currency: currencyReducer }，那取值时就需要写state => state.currency.list、state => state.currency.current，如果路径写错就会读到空值。

2. 闭包陷阱导致的逻辑判断错误

你的useEffect依赖数组为空，内部引用的list和current永远是组件首次渲染时捕获的初始值，哪怕后续Store更新，这个闭包里的值也不会变化，逻辑判断永远用的是初始值。
如果你的逻辑需要读取最新的Store状态，不要依赖组件里的变量，直接用store.getState()取实时值，调整后的useEffect代码如下：

// 引入你项目里的store实例
import store from '你的store文件路径'

useEffect(() => {
  const fetchCurrencies = async () => {
    try {
      const data = await $apiClient<ICurrency[]>({ url: '/currencies' })
      dispatch(setCurrencyList(data))
      // 直接从store取最新状态判断，不受组件闭包影响
      const latestCurrencyState = store.getState().currency // 替换成你实际的挂载路径
      if (!latestCurrencyState.current?._id) {
        dispatch(setCurrentCurrency(data[0]._id))
      }
    } catch (error) {
      console.log(error)
    }
  }
  fetchCurrencies()
}, [dispatch])

3. 注意状态打印的时机

不要在dispatch之后立刻打印组件里的list、current变量：dispatch会更新Store状态，但组件需要等到下一次重渲染才会拿到useSelector返回的新值，当前函数栈里的变量还是旧值。
要验证状态是否更新，直接在组件顶层打印变量，每次重渲染都会输出最新值：

const list = useSelector(state => state.currency.list)
const current = useSelector(state => state.currency.current)
// 顶层打印，重渲染时自动更新
console.log('货币列表：', list, '当前选中：', current)

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