代码之家 › 专栏 › 技术社区 › Diego Oliveira

在取消redux saga后不调用操作

redux-saga reactjs

Diego Oliveira · 技术社区 · 7 年前

调用CANCEL_SEARCH时,我正在取消一个传奇动作:

    function* cancelWorkerSaga(task) {
      console.log(task);
      yield cancel(task);
    }

    export default function* sagaFlights() {
     const workerTask = yield takeLatest(GET_FLIGHTS, getFlights);
     yield takeLatest(CANCEL_SEARCH, cancelWorkerSaga, workerTask);
    }

取消操作工作正常,但当我导航到主屏幕并尝试进行新搜索时,getFlights操作不再被调用。我做错了什么?

1 回复 | 直到 7 年前

Martin Kadlec 7 年前

任务从返回 takeLatest 是侦听操作的观察者任务 GET_FLIGHTS getFlights 传奇故事因为观察者是 飞行 佐贺,取消它就会取消也

为了避免取消监视程序,您可以替换具有自定义循环,因此您可以访问

export default function* sagaFlights() {
    yield takeLatest(GET_FLIGHTS, function*(...args) {
        yield race([
            call(getFlights, ...args),
            take(CANCEL_SEARCH)
        ]);
    });
}

如果您经常需要此模式,可以创建一个简单的实用程序函数来隐藏逻辑:

const cancelable = (saga, cancelAction) => function*(...args) {
  yield race([call(saga, ...args), take(cancelAction)]);
};

function* rootSaga() {
  yield takeLatest(GET_A, cancelable(getA, CANCEL_A));
  yield takeLatest(GET_B, cancelable(getB, CANCEL_B));
}

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前