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

发布时间：2020-12-15 09:34:43 所属栏目：百科来源：网络整理

导读：我需要在我的redux应用程序中使用store enhancer(reactReduxFirebase,来自 react-redux-firebase).这个增强器调度一个动作,它看起来或多或少像这样(非常简化)： const reactReduxFirebase = (next) = { return (reducer,initialState,middleware) = { const

我需要在我的redux应用程序中使用store enhancer(reactReduxFirebase,来自 react-redux-firebase).这个增强器调度一个动作,它看起来或多或少像这样(非常简化)：

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

// usage
const sagaMiddleware = createSagaMiddleware();
const middleware = [sagaMiddleware];
const store = createStore(
  reducer,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工作的句柄

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!