別のmobxストアでmobxストアにアクセスするにはどうすればよいですか？

Question

...Store.jsの各ファイルが@observableと@actionを含むmobxストアクラスです。次のような構造

stores/ 
    RouterStore.js 
    UserStore.js 
    index.js 

を想定index.jsは、ちょうどすべての店舗をエクスポートするので、別の内1つのストアにアクセスするための正しい方法は何ですか

import router from "./RouterStore"; 
import user from "./UserStore"; 

export default { 
    user, 
    router 
}; 

？すなわち私のUserStore内で、ユーザー認証が変更されたときに、RouterStoreからアクションをディスパッチする必要があります。

store.router.transitionTo("/dashboard")（transitionTo）を使用して、I疲れimport store from "./index"UserStore内部、その後はRouterStoreクラス内のアクションです。

これは正しく動作していないようです。

Answer 1

StateがないStoreクラスではなく、観測値を含むストアのインスタンスに興味があるため、あなたの提案するソリューションは機能しません。

ストアの依存関係間にループがない場合、あるストアをコンストラクターの引数として別のストアに渡すことができます。以下のような

何か：ここ

routerStore = new RouterStore(); 
userStore = new UserStore(routerStore); 

stores = {user: userStore, router: routerStore}; 

あなたはそれが利用可能になるだろうということを意味USERSTOREにrouterStoreインスタンスを渡します。たとえば：

class UserStore { 
    routerStore; 
    constructor(router) { 
     this.routerStore = router 
    }; 

    handleLoggedIn =() => { 
     this.routerStore.transitionTo("/dashboard") 
     // Here the router has an observable/actions/... set up when it's initialized. So we just call the action and it all works. 
    } 
} 

---

もう一つの方法はUSERSTOREにある関数を呼び出す際に、引数として他のストア（routerStoreを言う）を渡すことである可能性があります。