点击按钮时如何对saga函数执行dispatch？saga fork监听器不生效问题

• 错误冒泡终止根saga：你在getAppInfo的catch块捕获异常后重新抛出了错误，未捕获的错误会沿saga调用链向上冒泡到根saga，导致整个saga任务树被销毁，你注册的SUBMIT_DECISION监听器也会被连带清除，自然无法响应后续action。
• 冗余的初始化逻辑：你在rootSaga中直接执行了initialize()，同时又在applicationSaga中注册了INITIALIZATION_REQUESTED的action监听器，属于重复逻辑，没有必要。
• 不必要的fork封装：takeEvery本身已经内置了匹配到action时自动fork新worker任务的能力，不需要在外层额外套一层fork。
• 潜在导入缺失：你贴出的代码中没有引入takeEvery、all、call等redux-saga内置effect，也没有引入ActionTypes常量，要确认这些导入是完整的，否则代码本身就会运行报错。

sagas/applicationSaga.js #

// 首先确认导入所有需要的依赖
import { call, takeEvery } from 'redux-saga/effects';
import ActionTypes from '你的ActionTypes实际存放路径';
import AppApi from '你的AppApi实际存放路径';

export function* initialize() {
  yield call(getAppInfo);
}

export function* getAppInfo() {
  try {
    const appInfo = (yield call(
      AppApi.getAppInfo
    )).data;
    // 此处可补充将appInfo存入store的逻辑，例：yield put(saveAppInfo(appInfo))
  } catch (e) {
    // 不要直接抛出未处理的错误，可补充日志打印、用户错误提示逻辑
    console.error('获取应用信息失败', e);
    // 若需要通知上层错误可dispatch对应错误action，不要直接throw
  }
}

export function* submitDecision({payload}) {
  try {
    const submitResult = yield call(AppApi.submitDecision, payload)
    // 此处可补充提交成功后的后续逻辑，例：页面跳转、更新store状态
  } catch (e) {
    console.error('提交决策失败', e);
  }
}

export function* applicationSaga() {
  // 移除冗余的fork封装，直接yield takeEvery即可
  yield takeEvery(ActionTypes.INITIALIZATION_REQUESTED, initialize);
  yield takeEvery(ActionTypes.SUBMIT_DECISION, submitDecision)
}

sagas/index.js #

import { all } from 'redux-saga/effects';
import { applicationSaga, initialize } from "./applicationSaga";

export default function* rootSaga() {
  yield all([
    applicationSaga(),
    // 如果需要应用启动时自动执行初始化保留这行即可，不需要可删除，等待用户触发对应action再执行
    initialize()
  ]);
}

• 确认你dispatch的SUBMIT_DECISION action的type和ActionTypes.SUBMIT_DECISION的值完全一致，没有拼写、大小写错误。
• 确认redux-saga中间件已经正确注册到你的redux store中。

内容的提问来源于stack exchange，提问作者Sofiya rao