CODEWITHSUNDEEP
javascriptmobx
adamTrz
adamTrz

Reputation: 153

MobX - how to comunicate between stores?

In my application i have two MobX stores - store_A for handling user information (who is currently logged, etc), and store_B for handling events for all users.
After user login, i want to display all events regarding that user. How can i access logged user info (from store_A) from within store_B so that i can filter events correctly?
At this point i have to store loggeduserName data inside my store_b to retrive that data...
Code from my events store: 

class ObservableEventsStore {
...
//after logIn, save userName: 
  @action setUser(userName) {
    this.givenUser = userName
  } 
...
@computed get filteredByUser() {
    let filteredByUser = this.wholeList
      .filter((event) => this.givenUser === event.user)
      // this.givenUser is what i want to get from store_A 
    return filteredByUser
  }

I want to get loggedUser data from UserStore, i have it stored there as well ...

Upvotes: 5

Views: 2562

Answers (1)

mweststrate
mweststrate

Reputation: 4978

There is no idiomatic approach, any means to obtain a reference to the userStore is valid. I think in general you can take three approaches to achieve this:

  1. construct the userStore before the EventStore and pass the reference to the EventStore in it's constuctor (or set it afterwards)
  2. If the UserStores is a singleton, just import and use it
  3. Use a dependency injection system like InversifyJS

Upvotes: 6

Related Questions