React Native中Redux Saga多参数传递时Saga值为undefined的问题

Redux Saga 内置监听方法（takeLatest/takeEvery/throttle 等）有固定入参规则：触发 worker 函数时，只会传入匹配到对应type的Redux action对象本身，不会自动接收你在创建action时传入、但未挂载到action结构上的额外参数。

对照现有代码的链路断点：

• 你定义的 addCartRequest action creator，只把第一个参数value塞到了action结构的payload里，第二个参数isFor完全没有挂载到action的任何字段上
• 当Saga监听到ADD_CART_REQUEST类型的action时，传给callAddCart的只有这一个action对象
• 你给callAddCart定义的第二个入参isFor没有任何赋值来源，因此读取值永远为undefined

常见误区补充：takeLatest等监听方法虽支持传入第三个及后续的静态参数，会作为worker函数的第二、第三入参透传，但这类参数是初始化监听时就固定的静态值，无法承载每次dispatch时动态传入的业务参数（比如你这里的isFor，是每次加购时可能变化的动态值），不适合当前场景。

• 第一步：改造action creator，把所有需要透传给Saga的参数全部挂载到action的合法结构字段上：

// 修正后的action creator
const addCartRequest = (value, isFor) => ({
  type: actionTypes.ADD_CART_REQUEST,
  payload: {
    cartData: value,
    isFor: isFor
  }
})

• 第二步：调整callAddCart的参数读取逻辑，从唯一的action入参中解构需要的字段：

// 修正后的worker saga
function* callAddCart(action) {
  try {
    const { cartData, isFor } = action.payload
    console.log("isFor--->", isFor); // 可正常获取传递的'guest'值
   }
 }

注意：组件层调用、mapDispatchToProps绑定的现有传参逻辑不需要修改，只要参数最终正确传入action creator即可，问题仅出在action结构未将参数透传到Saga可读取的位置。

内容的提问来源于stack exchange，提问作者Harshal Kalavadiya