如何等待另一家商店在一家商店發生的調度

Question

我正在使用來自Facebook的Flux，反應，ES6。

我對這些單件店有不同的問題。然而，反覆出現的情況如下。我從一個組件派出一個動作，並且我有兩個商店（StoreA，StoreB）傾聽該動作。

我的兩個商店分別位於兩個不同的文件中，每個文件都導出單件商店實例。這兩個商店都已經導入到相關的容器中（一個React組件視圖）。我希望StoreA在StoreA開始處理之前等待StoreB完成處理當前分派。

我已經閱讀了文檔，並且有一個waitFor方法可以與調度程序的註冊方法返回的令牌一起使用。但是，我的兩家商店使用不同的文件。能不能找到一種方法來訪問從StoreA StoreB的派遣令牌......

換句話說：

ReactComp.js

... 
handleClick() { 
    dispatcher.dispatch({ 
     type: 'ACTION1' 
    }); 
} 

StoreA.js

class StoreA { 
    constructor() { 
     this.dispatchToken = dispatcher.register((action) => { 
      switch(action.type) { 
       case 'ACTION1': 
        // do something... 
        break; 
      } 
     }); 
    } 
} 

export default new StoreA(); 

StoreB.js

class StoreB { 
    constructor() { 
     dispatcher.register((action) => { 
      switch(action.type) { 
       case 'ACTION1': 
        dispatcher.waitFor([storeADispatchToken]); //how to get the dispatchToken from Store A... 
        break; 
      } 
     }); 
    } 
} 

export default new StoreB(); 

我是新來的反應和流量架構，答案可能是顯而易見的，如果是的話，但是，如果所有的時間都看起來沒有成功，我就會投注於此。

Answer 1

將StoreA導入StoreB你應該可以參考令牌：

import StoreA from 'path/to/StoreA.js'; 
// or if you're not using es6 imports: 
// const StoreA = require('path/to/StoreA.js'); 

class StoreB { 
    constructor() { 
    dispatcher.register((action) => { 
     switch(action.type) { 
     case 'ACTION1': 
      dispatcher.waitFor([StoreA.dispatchToken]); 
      break; 
     } 
    }); 
    } 
} 

export default new StoreB();