我是redux-saga和生成器函数的新手。
从我的sagas.js代码中可以看出,存在重复的逻辑:
import { put, takeEvery, takeLatest, all, call } from 'redux-saga/effects';
import { setRandomColour, SET_RANDOM_COLOUR_DELAYED } from './actions';
const delay = (ms) => new Promise(res => setTimeout(res, ms));
export function* setRandomColourGeneratorLatest({ payload: { id, ms, sagaType } = {}} = {}){
if(sagaType !== 'takeLatest') return;
console.log("set random colour", id, ms);
yield call(delay, ms);
yield put(setRandomColour(id));
}
export function* setRandomColourGeneratorEvery({ payload: { id, ms, sagaType } = {}} = {}){
if(sagaType !== 'takeEvery') return;
console.log("set random colour", id, ms);
yield call(delay, ms);
yield put(setRandomColour(id));
}
export function* watchSetRandomColourLatest(){
yield takeLatest(SET_RANDOM_COLOUR_DELAYED, setRandomColourGeneratorLatest)
}
export function* watchSetRandomColourEvery(){
yield takeEvery(SET_RANDOM_COLOUR_DELAYED, setRandomColourGeneratorEvery)
}
export default function* rootSaga(){
yield all([
watchSetRandomColourLatest(),
watchSetRandomColourEvery()
])
}
所以我尝试通过放置yield调用来重构它,并将yield放入单个生成器函数中,然后在setRandomColourGeneratorLatest / Every中调用它,但无论如何,我都无法让代码保持运行。我相信这是因为产量将取决于发电机功能的先前调用,而在这种情况下,需要有2个独立版本的发电机功能。
如何重构此代码以减少重复逻辑,同时分离takeEvery和takeLatest版本的产量?
你在找这样的东西吗?在你的代码中真的没有那么多重复...老实说我会留下它是怎么回事,因为setRandomColourGeneratorLatest和setRandomColourGeneratorEvery之间的公共代码在某些时候需要不同的可能性很高,那么你将不得不解散你的代码。
import { put, takeEvery, takeLatest, all, call } from 'redux-saga/effects';
import { setRandomColour, SET_RANDOM_COLOUR_DELAYED } from './actions';
const delay = (ms) => new Promise(res => setTimeout(res, ms));
export function* setRandomColourGeneratorLatest({ payload: { id, ms, sagaType } = {}} = {}){
if(sagaType !== 'takeLatest') return;
console.log("set random colour", id, ms);
yield call(setRandomColor, ms, id);
}
export function* setRandomColourGeneratorEvery({ payload: { id, ms, sagaType } = {}} = {}){
if(sagaType !== 'takeEvery') return;
console.log("set random colour", id, ms);
yield call(setRandomColor, ms, id);
}
export function* setRandomColor(ms, id){
yield call(delay, ms);
yield put(setRandomColour(id));
}
export function* watchSetRandomColourLatest(){
yield takeLatest(SET_RANDOM_COLOUR_DELAYED, setRandomColourGeneratorLatest)
}
export function* watchSetRandomColourEvery(){
yield takeEvery(SET_RANDOM_COLOUR_DELAYED, setRandomColourGeneratorEvery)
}
export default function* rootSaga(){
yield all([
watchSetRandomColourLatest(),
watchSetRandomColourEvery()
])
}