2016-07-04 6 views
0

플럭스 안내서에서 "응용 프로그램 상태는 상점에서만 유지 관리됩니다."Flux : 가변 개수의 반응 성분을 저장하는 방법?

짧은 버전 : 내 응용 프로그램에 가변 개수의 구성 요소가 있으며 각 구성 요소는 상태를 유지합니다. 여기 상점을 어떻게 이용해야합니까? 구성 요소 당 하나의 저장소가 필요한 것 같습니다.

긴 버전 : 나는 (기본적으로 그냥 날 임의의 트리를 만들고 HTML에서 그것을 시각화 할 수 있습니다 응용 프로그램) 노드의 변수 번호와 텍스트 요소의 트리를 만들고 싶었습니다.

{ children: [], // children are trees. 
parent: someParent } 

하지만, 내 트리의 각 하위 트리가 상태를 가지고 주어진, 내가 하위 트리 당 하나 명의 저장소를 필요가 있다고 나타납니다

나의 현재 아키텍처 반응의 트리의 요소를 가지고 상태를 유지합니다! 이 코드를 구성하는 올바른 방법은 무엇입니까?

답변

1

아니요, 구성 요소를 1 개만 유지하십시오. 다른 모든 구성 요소는 소품의 형태로 데이터를 가져와야합니다.

또한 상태를 유지하는 구성 요소는 상태를 인식하지 않아야하지만 저장소를 유지해야합니다. 일반적으로 상태를 알고있는 이러한 유형의 구성 요소는 "컨테이너 구성 요소"라고합니다. 상태를 모르고 소품으로 데이터를받는 구성 요소를 "프리젠 테이션 구성 요소"(또는 "벙어리 구성 요소")라고합니다. 자세한 내용은 여기 읽기 : http://redux.js.org/docs/basics/UsageWithReact.html

0

사용 돌아 오는 구조

을 글로벌 귀하의 상태를 유지

사용 컨테이너 구성 요소 및 감속기를 여러분의 구성 요소에 소품을 전달합니다.

http://redux.js.org/docs/api/bindActionCreators.html

+0

자세한 내용을 편집하십시오. 코드 전용 및 "시도하십시오"답변은 검색 가능한 콘텐츠가 없으므로 권장하지 않으며 누군가가 "시도해"야하는 이유를 설명하지 않습니다. 우리는 여기서 지식을위한 자원이되기 위해 노력합니다. – abarisone

관련 문제