구성 요소로 구성된 구성 요소의 감속기를 구조화하는 좋은 방법은 무엇입니까?

Question

다른 작은 구성 요소로 구성된 큰 구성 요소가 있습니다. 더 작은 각 구성 요소는 Redux에서 상태 슬라이스를 소유합니다.

이 큰 구성 요소의 상태가 현재 우리가 본질적으로

combineReducers({ 
    smallHeader, 
    smallComponent1, 
    smallComponent2, 
    ... 
}) 

이있는 bigComponent 감속기 내부

combineReducers({ 
    environment, 
    router, 
    bigComponent, 
    ... 
}) 

에서 만든, 우리는이

{ 
    environment:{...}, 
    router:{...}, 
    bigComponent:{ 
    smallHeader:{...}, 
    smallComponent1:{...} 
    smallComponent2:{...} 
    ... 
    } 
    ... 
} 

같은 상태가 이것을되어 있습니다 이것을 구조화하는 올바른 방법?

{ 
    environment:{...}, 
    router:{...}, 
    smallHeader:{...}, 
    smallComponent1:{...} 
    smallComponent2:{...} 
    ... 
} 

:

는로 구조화라고 할 수있는 뭔가가 있나요?

몇 가지 조사를 해봤지만 일반적인 권장 사항을 찾을 수 없습니다.

구조화에 관용적 인 방법이 있습니까?

Answer 1

컨테이너 패턴을 따르고 싶습니다. Redux에 연결된 컨테이너 구성 요소가 있어야합니다. 컨테이너 구성 요소는 소품 (연결되지 않은 하위)을 전달합니다.

컨테이너 당 하나의 감속기/상태. 희망이 도움이됩니다.