카테고리 목록이 상점 A에서 사용 가능 해지면 하나의 카테고리를 선택하고 상점 B에서 ID를 설정하십시오.

Question

두 개의 스토어 - GroupsStore 및 ItemsFilterStore가 있습니다. ItemsFilterStore의 상태는 GroupsStore에서 사용할 수있는 그룹의 단일 그룹의 선택을 포함해야하지만, (

• 그룹이 GroupsStore에서 처음에 사용할 수없는, 그래서 ItemsFilterStore의 선택은 처음 만들어 질 수 없다 생성자는 그것을 null로 초기화합니다.

• 일단 그룹이 GroupStore에서 사용 가능하게되면, (논리에 따라) 하나의 그룹을 선택하고 ItemsFilterStore에서 ID를 설정하는 작업을 수행해야합니다.

인한 문제 :

나는 가게에서 액션 핸들러에서 작업을 트리거 것은 안티 패턴입니다 EVERYWHERE를 참조하십시오.

어떻게 올바르게 설계해야합니까?

Answer 1

글쎄, 나는이 사건을 처리 할 수있는 두 가지 방법을 생각해 냈다. 명확성을 위해 소스에 대한 요청을 실행하는 getGroups 액션이 있다고 가정 해 보겠습니다. 요청이 성공하면 resultsRecieved이라는 GroupsStore 핸들을 실행합니다.

1) resultsRecieved 작업을 두 저장소에서 모두 청취하고 결과를 처리하여 ItemsFilterStore을 업데이트 할 수 있습니다. 그러나이 경우 그룹 선택 논리를 GroupsStore에서 일부 유틸리티 파일로 추출해야합니다.이 유틸리티 파일은 가능하면 두 저장소 모두에서 가져 와서 사용할 수 있습니다.

2) 두 상점에서 getGroups 작업을 청취 할 수 있습니다. 해당 작업에 대한 ItemsFilterStore 처리기에서 Alt의 wait-for 메서드를 활용하면이 저장소가 해당 데이터의 다른 저장소에 종속되어 있음을 알리고이를 업데이트 할 때까지 기다려야합니다. 그래서 ItemsFilterStore의 기능 getgroups 핸들러는 결국 다음과 같이 보일 수 있습니다

getGroups() { 
    this.waitFor(GroupsStore); 
    var groups = GroupsStore.getState().groups; 
} 

내가에만 동기 작업을 기다릴를 사용하기 때문에, 비동기 소스 요청을 작동 얼마나 좋은 대기 완전히 확실하지 않다.