如何在redux-saga中让takeEvery基于action.meta做条件触发？

解决方案 #

方案1：使用takeEvery内置的pattern过滤能力（最推荐） #

redux-saga的takeEvery/takeLatest等监听API的第一个参数，除了支持传action类型字符串、数组外，还支持传入一个返回布尔值的过滤函数，只有函数返回true的action才会触发后续的worker saga，完全不需要进到handler内部做判断，实现代码如下：

import type { AnyAction } from 'redux';

function* handleUpdateSomeStuff(action): Generator {
  // 此处无需额外判断，进来的action均符合过滤条件
  // run some code
}

function* myConditionalSaga(): Generator {
  yield takeEvery(
    (action: AnyAction) => action.type === ActionTypes.UPDATE_SOME_STUFF && action.meta === "Special_Meta",
    handleUpdateSomeStuff
  );
}

// itemSaga 无需修改
function* itemSaga(): Generator {
  yield all([
    fork(myConditionalSaga),
    // ... more sagas
  ]);
}

之前写法的错误原因 #

myConditionalSaga是用于注册监听的根saga，本身不会接收action参数，你给它加了入参声明，又没有在fork的时候传入对应参数，自然会触发TS类型报错，而且这个逻辑本身不符合saga的执行规则：监听saga是提前注册的，不可能在注册的时候拿到后续才会触发的action。

关于优化的必要性 #

如果只是简单的meta值判断，两种写法的性能差异几乎可以忽略，不会有明显的体验差异。但从代码可维护性角度更推荐用pattern过滤的写法：

• 职责分离：监听层负责过滤匹配，业务处理层只负责实现逻辑，不需要耦合过滤规则
• 后续维护更方便：如果过滤规则调整，只需要修改pattern部分的代码，不需要动业务逻辑

内容的提问来源于stack exchange，提问作者Seth Lutske