redux-saga注射两次

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
}

我将Sagas注入我的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;

但是传奇被注射了两次。 那么，我在这里想念什么？ 无论MyComponent渲染了多少次，我如何都只能注入传奇一次？

Answer 1

但是传奇被注射了两次。 那么，我在这里想念什么？

解决方案取决于redux-sagas-injector npm库的工作方式。 在一般情况下，异步加载和应用Sagas是一件困难的事情，因为saga由“实时”进程管理器组成，不能在某些函数调用或对象删除上进行处理。
它暗示着saga具有启动自定义滴答回调域（Promises，AJAX / XHR， setImmediate等）的能力，而该域无法从自定义外部代码中setImmediate （这也是原因，为什么HMR无法在部分模式下使用sagas并应重新加载）整个页面）。

因此，如果您在路由器交换上执行saga注入，请检查两件事：旧的Saga具有从外部进行隐式处理的操作（例如特殊的内部技术处理操作），并且在路由器端没有配置错误-可能启动了同一页面，例如两次。