从redux store redux saga测试派生的模拟局部变量

// localReducer.js
const initialState = {
  localVariable: null,
};

const localReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_LOCAL_VARIABLE':
      return {
        ...state,
        localVariable: action.payload,
      };
    default:
      return state;
  }
};

export default localReducer;

// rootReducer.js
import { combineReducers } from 'redux';
import localReducer from './localReducer';

const rootReducer = combineReducers({
  local: localReducer,
  // 其他全局的reducer
});

export default rootReducer;

// saga.js
import { takeEvery, put, select } from 'redux-saga/effects';

function* setLocalVariableSaga(action) {
  const localVariable = yield select((state) => state.local.localVariable);
  // 操作局部变量
  // ...

  yield put({ type: 'SET_LOCAL_VARIABLE', payload: localVariable });
}

function* watchSetLocalVariable() {
  yield takeEvery('SET_LOCAL_VARIABLE_SAGA', setLocalVariableSaga);
}

export default function* rootSaga() {
  yield all([
    // 其他saga任务
    watchSetLocalVariable(),
  ]);
}

// Component.js
import { useDispatch } from 'react-redux';

const Component = () => {
  const dispatch = useDispatch();

  const handleSetLocalVariable = () => {
    const localVariable = 'example';
    dispatch({ type: 'SET_LOCAL_VARIABLE_SAGA', payload: localVariable });
  };

  // ...

  return (
    <button onClick={handleSetLocalVariable}>Set Local Variable</button>
  );
};