Redux Saga - все часы требуют отправки

Когда вы делаете это, вы бросаете оба метода:

export const saga = function* productSagasContainer() {
  yield all([watchGetProducts(), watchSaveProducts()]);
};

Следовательно, оба всегда будут работать.

Я объясню свою структуру, когда работаю с редукцией и сагами:

1. Сначала создайте sagaMiddleware для подключения redux-store с sagas (извлеченный из документация redux-saga):

import createSagaMiddleware from 'redux-saga'
import reducer from './path/to/reducer'

export default function configureStore(initialState) {
  // Note: passing middleware as the last argument to createStore requires redux@>=3.1.0
  const sagaMiddleware = createSagaMiddleware()
  return {
    ...createStore(reducer, initialState, applyMiddleware(/* other middleware, */sagaMiddleware)),
    runSaga: sagaMiddleware.run(rootSaga)
  }
}

2. Определите rootSaga с сагами, разделенными на части приложения:

export function* rootSaga() {
  yield all([fork(sample1Watcher), fork(sample2Watcher)]);
}

3. Создайте набор саг, который будет запускаться в этой части в зависимости от отправленного действия

export function* sample1Watcher() {
  yield takeLatest(ProductActionTypes.GET_PRODUCT_REQUEST, getProduct);
  yield takeLatest(ProductActionTypes.PRODUCT_SAVE_REQUEST, saveProduct);
}

4. Определите каждый из методов, например get:

function* getProduct() {
  try {
    yield put({ type: actionTypes.SET_PRODUCTS_LOADING });

    const data = yield call(products.fetchProductsAsync);

    yield put({ type: actionTypes.GET_PRODUCTS_COMPLETE, payload: data });

  } catch (e) {
    console.log("Error");
  }
}

5. Наконец, определите метод действия в dispatchToProps и запускайте его, где хотите:

const mapDispatchToProps = (dispatch: any) => ({
  getProducts: () => dispatch(productActions.getProducts()),
  saveProduct: (ids: number[]) => dispatch(productActions.saveProduct(ids)),
});

componentDidMount() {
  this.props.getProducts();
}