javascript - redux-saga 注入(inject)两次

Question

我有一个 redux-saga，它被调用一次，但它执行了两次。

这是开始传奇的操作:

export function createRequest (data) {
  return {
    type: CREATE_REQUEST,
    payload: {data}
  };
}

我的 sagas.js 文件看起来是这样的:

export function* create (x) {
  try {
    const response = yield call(request, URL_TO_API, Object.assign({}, buildBaseHeaders('en'), {
      method: 'post',
      body: JSON.stringify(x.payload.data)
    }));
    yield put(createSuccess(response));
  } catch (error) {
    yield put(createFailure(error));
  }
}

... my other sagas

export default function* defaultSaga () {
  yield takeLatest(CREATE_REQUEST, create);
  ... my other calls
}

我将传奇注入(inject) React 组件的方式是这样的:

const withConnect = connect(mapStateToProps, mapDispatchToProps);
const withReducer = injectReducer({key: 'myComponent', reducer});
const withSaga = injectSaga({key: 'myComponent', saga});

export default compose(withReducer, withSaga, withConnect) MyComponent;

但是传奇被注入(inject)了两次。那么，我在这里缺少什么？无论 MyComponent 渲染多少次，如何只注入(inject)一次传奇？

Answer 1

But the saga is injected twice. So, what am I missing here?

解决方案取决于 redux-sagas-injector npm 库的工作方式。一般情况下，异步加载和申请saga是一件很困难的事情，因为saga是由“实时”进程管理器组成的，它不能在某些函数调用或对象删除上进行处理。
这意味着 saga 能够启动自定义刻度回调域(Promises、AJAX/XHR、setImmediate 等)，而这些回调域无法通过自定义外部代码进行处理(这也是 HMR 不能与sagas 在部分模式下，应该重新加载整个页面)。

因此，如果您在路由器切换上执行 saga 注入(inject)，请检查两件事:旧 saga 具有从外部进行处置的隐式操作，例如特殊的内部技术处置操作，并且不存在错误配置在路由器端 - 也许同一页面已启动，例如两次。