rootSaga에서 거대한 배열을 만들지 않고 여러 개의 redux-sagas를 사용하는 방법이 있습니까?

Question

현재 애플리케이션에 20 개 이상의 경로가 있습니다. 각 경로에는 여러 API 호출이 있으므로 redux-saga를 사용하여 AJAX 호출을 수행 할 계획입니다.

1. 각 경로는 여러 무용담 자체를 산출 자신의 "루트"무용담,의 것 : 나는 다음을 수행 할 수 있습니다처럼

   이 문서를 읽기에서, 그것은 보인다.

2. 이 경로 별 사가는 실제 주 루트 사가로 내보내집니다.이 사가는 createSagaMiddleware.run()으로 전달됩니다.

따라서는 다음과 같이 표시됩니다

export function* screen1Saga() { 
    yield [ ... ]; // different sub-sagas for screen1 route 
} 

는 다음 주 사가 파일에서 다음을 수행하십시오

import { screen1Saga } from './screen1/sagas'; 

export function* rootSaga() { 
    yield [ screen1Saga(), ... ]; // array of route-specific sagas 
} 

내가이 완벽하게 잘 작동합니다 생각합니다. 그러나 20 개 이상의 특정 사가가 생성 될 때 어떻게 보일지 걱정됩니다. 루트 사가에서는 엄청난 양의 무용담이 될 것입니다.

다른 방법으로이를 수행 할 수 있습니까? 가급적이면 경로 특정 사가 (sagas)가 해당 폴더 내에 캡슐화되어 앱 구조의 최상단으로 내 보내지 않아도되는 방식으로하는 것이 좋습니다.

다른 사람들이 수많은 무용담을 어떻게 다루 었는지 궁금하다.
도움 주셔서 감사합니다.

Answer 1

Repo는 React 앱을 확장하는 몇 가지 방법의 좋은 예입니다. 그들은 asyncInjectors이라는 유틸리티 파일을 사용합니다. 실제로 후가공 아래 sagaMiddleware.run(saga)을 호출하여 사가를 추가하는 작업을 위임합니다.