当前位置 : 主页 > 网页制作 > React >

reactjs – redux-saga无法捕获商店增强器发送的操作

来源:互联网 收集:自由互联 发布时间:2021-06-15
我需要在我的redux应用程序中使用store enhancer(reactReduxFirebase,来自 react-redux-firebase).这个增强器调度一个动作,它看起来或多或少像这样(非常简化): const reactReduxFirebase = (next) = { return (re
我需要在我的redux应用程序中使用store enhancer(reactReduxFirebase,来自 react-redux-firebase).这个增强器调度一个动作,它看起来或多或少像这样(非常简化):

const reactReduxFirebase = (next) => {
  return (reducer, initialState, middleware) => {
    const store = next(reducer, initialState, middleware);
    store.dispatch({
      type: 'DUMMY_ACTION'
    });
    return store;
  }
}

// usage
const sagaMiddleware = createSagaMiddleware();
const middleware = [sagaMiddleware];
const store = createStore(
  reducer,
  initialState,
  compose(
    applyMiddleware(...middleware),
    reactReduxFirebase
  )
);
sagaMiddleware.run(sagas);

// sagas.js
function* handle(action) {
  console.log(action);
}

function* saga() {
  yield takeEvery('*', handle);
}

export default saga;

我希望saga听取所有动作和console.log它们,但它不会捕获增强器调度的’DUMMY_ACTION’,因为它是在saga开始侦听之前调度的(sagaMiddleware.run(sagas);).从redux-saga文档来看,似乎必须在applyMiddleware之后运行saga,所以我无法在增强器之前运行saga.有什么方法可以使它工作,所以传奇也将从增强器中捕获一个动作?

试试这个传奇

function* log(action) {
  while (true) {
    yield take('*');
    console.log(action);
  }
}

export default function* root() {
  yield all([call(log)]);
}

只是为了看它是否有效然后你可以尝试移动到takeEvery,我确实遇到了问题,并创建特定于saga工作的句柄

网友评论