Как в mobx из одного стора вызвать экшн в другом сторе?

Question

[Вячеслав]

В RootStore определены различные сторы:

export class RootStore {
  authStore: AuthStore;
  profileStore: ProfileStore;
  mainStore: MainStore;
  pushStore: PushStore;
  BLEStore: BLEStore;

  constructor() {
    this.authStore = new AuthStore();
    this.profileStore = new ProfileStore();
    this.mainStore = new MainStore();
    this.pushStore = new PushStore();
    this.BLEStore = new BLEStore();
  }
}

export const rootStore = new RootStore();

export const storesContext = React.createContext(rootStore);

Фрагмент AuthStore:

export class AuthStore {
  signInIsLoading: boolean = false;

  accessToken: string | null = null;

  private authService: AuthService;
  private tokenService: TokenService;

  constructor() {
    makeAutoObservable(this);
    this.authService = new AuthService();
    this.tokenService = new TokenService();
  }

  signIn = (email: string, password: string) => {
    this.setSignInLoading(true);
    const postData = SignInDto.populate({email, password}) as SignInDto;

    this.authService
      .signIn(postData)
      .then(async response => {
        if (!response.token) {
          // @ts-ignore
          Notification.showError(
            'Неправильный адрес электронной почты или пароль' || '',
          );
        } else {
          this.tokenService.saveToken(response.token || '');
          this.setToken(response.token);
          await profileStore.getObservables(); <- как здесь вызвать экшн из profileStore?
          Navigation.replace(Screens.TAB_STACK);
        }
      })
      .catch((err: any) => {
        Alert.alert('Ошибка сервера', err.toString());
      })
      .finally(() => {
        this.setSignInLoading(false);
      });
  };

  private setSignInLoading = (value: boolean) => {
    this.signInIsLoading = value;
  };

  private setToken = (value: string | null) => {
    this.accessToken = value;
  };
}

Как в AuthStore вызвать экшн из ProfileStore?

Comments

[Александр]

Не использовал бы на Вашем месте классы, использовал бы обычные объекты.
По типу:

interface Store {}

const _store: Store = {
  // some store logic here
};

const store = makeAutoObservable(_store);

export default store; // ну или без default-варианта

На тот момент, когда активно работал с MobX'ом была проблема, что

makeAutoObservable({ /* some store logic here */ })

съедало типизацию.

С таким подходом можно импортировать файлы сторов между собой, если это необходимо конечно (кстати и контекст не нужен будет). Ну и никаких проблем не будет в использовании autorun / reaction / when.

[Gary_Ihar]

1) не дейлайте таких связей. в rootStore разрулите, лучше будет
2) зачем контекст в таком случае?

Answer 1

[Elaryks]

Можно пробросить RootStore внутрь необходимого стора:

export class RootStore {
  constructor() {
    this.authStore = new AuthStore(this);
  }
}

export class AuthStore {
  private rootStore: RootStore;

  constructor(rootStore: RootStore) {
    this.rootStore = rootStore;
  }

  signIn = (email: string, password: string) => {
    // ...
    this.rootStore.profileStore.getObservables();
    // ...
  };
}