使用 Redux 创建倒数计时器

Question

我想创建一个计时器，它会指示在给定的持续时间值内显示一条闪存消息（“已保存！”），例如30 秒。

我认为如何使用 Redux 完成此任务是这样的：

1. 触发倒计时。
2. 每隔一秒，TIMER_TICK 操作类型就会发送到减速器。
3. 当达到持续时间值（以秒为单位）时，应清除timer。

const initialState = {
  count: 0,
  timerOn: false,
}

const tick = () => ({ type: TIMER_TICK });

let timer = null;

export const startFlashMessageTimer = () => dispatch => {
  clearInterval(timer);
  timer = setInterval(() => dispatch(tick()), 1000);
}

但我不知道在哪里放置检查计数值是否达到的逻辑（在本例中为 30）。有什么建议我如何/在哪里解决这个问题？

Answer 1

这样的？

export const startFlashMessageTimer = () => (dispatch, getState) => {
  let timer = null;
  clearInterval(timer);
  timer = setInterval(() => {
      dispatch(tick());
      const { count } = getState();
      if (count >= 5) { clearInterval(timer) }
  }, 1000);
}