如何在setTimeout中获取Redux Saga的更新数据？

你遇到的核心问题是闭包捕获旧值结合Redux异步更新特性导致的：

• neededData是组件渲染时通过useSelector拿到的快照值，someFunction执行时，dispatch后立刻打印的是当前渲染周期的旧数据——此时Saga的API请求还未完成，Store未更新，组件也没触发重新渲染。
• setTimeout的回调是闭包，它捕获的是someFunction执行瞬间的neededData，哪怕之后Store更新、组件重新渲染生成了新数据，闭包里的还是旧值。

方案一：用useEffect监听数据变化（推荐） #

放弃硬编码等待时间，直接监听neededData的更新，数据变化时自动执行逻辑：

const {neededData} = useSelector(state => state.something);

// 监听neededData，每次更新时触发
useEffect(() => {
  console.log('最新数据', neededData);
  // 在这里执行原本要放在setTimeout里的逻辑
}, [neededData]);

function someFunction() {
  dispatch(Slice.actions.getHealthDataBetweenDates(params));
}

方案二：让Saga通知组件异步完成 #

修改Saga逻辑，让它在数据更新后通知组件，避免依赖时间等待：

1. 组件中dispatch时传入回调：

function someFunction() {
  dispatch(Slice.actions.getHealthDataBetweenDates({
    ...params,
    onComplete: () => {
      // 回调触发时，Store已更新，此时可通过useSelector获取最新值
      const latestData = useSelector(state => state.something.neededData);
      console.log('最新数据', latestData);
    }
  }));
}

2. Saga中完成后调用回调：

function* getHealthDataBetweenDates({ payload }) {
  try {
    const result = yield call(ProfileApi.getHealthDataBetweenDates, payload);
    if (result.status == true) {
      yield put(Slice.actions.getHealthDataBetweenDatesSuccess(result.data));
      console.log('saga minutes', result.data.data);
      payload.onComplete(); // 通知组件数据已更新
    } else {
      yield put(Slice.actions.getHealthDataBetweenDatesFailure());
      payload.onComplete();
    }
  } catch (error) {
    console.log('error: ' + error);
    payload.onComplete();
  }
}

方案三：用useRef保存最新值（应急方案） #

如果必须保留setTimeout逻辑，可用useRef同步最新数据：

const {neededData} = useSelector(state => state.something);
const latestDataRef = useRef(neededData);

// 每次数据更新时同步ref
useEffect(() => {
  latestDataRef.current = neededData;
}, [neededData]);

function someFunction() {
  dispatch(Slice.actions.getHealthDataBetweenDates(params));

  setTimeout(() => {
    // 从ref中取最新数据
    console.log('最新数据', latestDataRef.current);
  }, 1000);
}

⚠️ 注意：此方案依赖硬编码等待时间，若API请求耗时超过设定值，仍会拿到旧数据，仅作为临时应急使用。

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