导航时取消一些 redux sagas
Cancel some redux sagas when navigating
我在这里遇到了一个复杂的问题,非常感谢您的帮助。当我导航到我的应用程序的不同页面时,一些服务响应错误,我在不同的页面中看到了这些错误。
例如,假设我想买东西,为此我调用了一个 saga 来处理这个任务。然后我立即注销,我在登录时看到错误。当我更改屏幕时,我想取消当前页面中 运行 所期望的所有传奇。
为了解决这个问题,我做了一个动作,当用户从一个屏幕切换到另一个屏幕时,该动作被调度。此操作正在调用生成器函数:
function* taskCancelHelper(actions, sagas) {
.....
}
我的第一个问题是如何 "take" 当前屏幕中调度的所有操作都期望这些操作并调用适当的 sagas。我用过:
const action = take(action => [..actions in the current screen].indexOf(action.type) < 0); but it does not seem to work.
然后我想将调度此操作时调用的所有 sagas [上述操作的 sagas] 传递到一个数组中。我的想法是在我的 taskCancelHelper* 生成器函数中传递这两个数组,并使用 for 循环来取消每个任务:
For (i=0; i < actions.length; i++) {
yield cancel(sagas[i])
}
你知道如何执行调用 sagas 的当前屏幕所期望的所有操作吗?
要取消 LOCATION_CHANGE
上的传奇,您可以执行以下操作:
import { LOCATION_CHANGE } from 'react-router-redux';
import { takeLatest, put, fork, take, cancel } from 'redux-saga/effects';
import { FETCH_DATA } from './constants';
export function* dataFetch(action) {
try {
// make an api call
} catch(error) {
console.log(error);
}
}
export function* defaultSaga() {
const loadDataWatcher = yield fork(takeLatest, FETCH_DATA, dataFetch);
yield take(LOCATION_CHANGE);
yield cancel(loadDataWatcher); // Will cancel your saga
}
export default defaultSaga;
我在这里遇到了一个复杂的问题,非常感谢您的帮助。当我导航到我的应用程序的不同页面时,一些服务响应错误,我在不同的页面中看到了这些错误。 例如,假设我想买东西,为此我调用了一个 saga 来处理这个任务。然后我立即注销,我在登录时看到错误。当我更改屏幕时,我想取消当前页面中 运行 所期望的所有传奇。 为了解决这个问题,我做了一个动作,当用户从一个屏幕切换到另一个屏幕时,该动作被调度。此操作正在调用生成器函数:
function* taskCancelHelper(actions, sagas) {
.....
}
我的第一个问题是如何 "take" 当前屏幕中调度的所有操作都期望这些操作并调用适当的 sagas。我用过:
const action = take(action => [..actions in the current screen].indexOf(action.type) < 0); but it does not seem to work.
然后我想将调度此操作时调用的所有 sagas [上述操作的 sagas] 传递到一个数组中。我的想法是在我的 taskCancelHelper* 生成器函数中传递这两个数组,并使用 for 循环来取消每个任务:
For (i=0; i < actions.length; i++) {
yield cancel(sagas[i])
}
你知道如何执行调用 sagas 的当前屏幕所期望的所有操作吗?
要取消 LOCATION_CHANGE
上的传奇,您可以执行以下操作:
import { LOCATION_CHANGE } from 'react-router-redux';
import { takeLatest, put, fork, take, cancel } from 'redux-saga/effects';
import { FETCH_DATA } from './constants';
export function* dataFetch(action) {
try {
// make an api call
} catch(error) {
console.log(error);
}
}
export function* defaultSaga() {
const loadDataWatcher = yield fork(takeLatest, FETCH_DATA, dataFetch);
yield take(LOCATION_CHANGE);
yield cancel(loadDataWatcher); // Will cancel your saga
}
export default defaultSaga;