如何从Redux Saga的Generator函数中导出变量供其他组件使用

你直接export stationCode的方式无效，是因为stationCode是Generator函数运行时接收action参数动态生成的值，不是模块初始化阶段就存在的静态常量，无法通过顶层export直接导出共享。以下是3种可行的实现方案：

方案1：存入Redux Store（最推荐） #

这是Redux项目中共享状态的标准实现，步骤如下：

1. 新增对应action和reducer状态字段
   首先在你的actions模块新增设置站点编码的action：

// actions.ts 新增
export const setCurrentStationCode = createAction<{stationCode: string}>('SET_CURRENT_STATION_CODE');

然后在对应reducer里新增currentStationCode字段，处理这个action：

// reducer.ts 新增
interface YourState {
  // 原有其他字段
  currentStationCode?: string;
}

const initialState: YourState = {
  // 原有初始值
  currentStationCode: undefined
}

export function yourReducer(state = initialState, action: AnyAction) {
  if (setCurrentStationCode.match(action)) {
    return {...state, currentStationCode: action.payload.stationCode}
  }
  // 原有其他action处理逻辑
}

2. 在Saga中触发action存入store
   修改你的getContacts Saga，拿到stationCode后直接put到store：

export function* getContacts(action: PayloadAction<SearchQuery>) {
  const stationCode = action.payload.stationCode;
  // 新增这行，存入store
  yield put(actions.setCurrentStationCode({ stationCode }));

  // 原有后续逻辑不变
  const requestURL = `${API_PATH}contacts/departments/${stationCode}`;
  // ... 剩余原有代码
}

3. 组件中直接取值
   任意需要用stationCode的组件，通过useSelector从store取即可：

// 组件代码
import { useSelector } from 'react-redux';

const YourComponent = () => {
  const currentStationCode = useSelector(state => state.yourReducerName.currentStationCode);
  // 直接使用即可
  return <div>当前站点编码：{currentStationCode}</div>
}

方案2：通过Saga返回值获取（仅适用于其他Saga调用场景） #

如果你是在另一个Saga函数里调用getContacts，可以直接利用Generator的返回值，你注释的return语句就可以生效：

// 先打开你原来的return注释
export function* getContacts(action: PayloadAction<SearchQuery>) {
  const stationCode = action.payload.stationCode;
  // ... 原有逻辑
  return stationCode;
}

// 其他Saga中调用时直接取值
function* otherSaga() {
  // 调用getContacts时可以拿到返回的stationCode
  const stationCode = yield call(getContacts, { payload: { stationCode: 'XXX' } });
  console.log('拿到的站点编码：', stationCode);
}

方案3：全局变量暂存（不推荐） #

如果只是临时调试或者不需要响应式更新，可以用模块级全局变量存储，缺点是脱离Redux管理，状态变更不会触发组件重渲染：

// 同文件顶层声明变量
export let currentStationCode: string | undefined;

export function* getContacts(action: PayloadAction<SearchQuery>) {
  const stationCode = action.payload.stationCode;
  // 赋值给全局变量
  currentStationCode = stationCode;
  // ... 原有逻辑
}

// 其他文件导入使用
import { currentStationCode } from './your-saga-file';
console.log(currentStationCode);

内容的提问来源于stack exchange，提问作者Mohammed Irfan K