在 redux saga 中使用 setTimeOut 内的 yield

Question

在我的 React 项目中，我有以下代码：

export function* onDisplayAlert({ payload }: any) {
  payload.id = getUniqueID();
  yield put(setAlert(payload));

  yield setTimeout(() => {
    yield put(removeAlert(payload.id));
  }, 3000);
}

我在这里要做的是在setTimeOut 回调中使用yield。

yield put(removeAlert(payload.id));

但是我写这个的方式不行，因为箭头函数回调不是生成器函数，所以不能在里面使用yield。如何在setTimeOut 中使用yield？

Answer 1

这就是你需要的

export function* onDisplayAlert({ payload }: any) {
  payload.id = getUniqueID();
  yield put(setAlert(payload));
  yield delay(3000);
  yield put(removeAlert(payload.id));
}