MobX. Можно ли импортировать store в модель другого store, если нужно использовать данные обоих stores?

@BarsicPlus · Регистрация: 21.05.2014

Author24 — интернет-сервис помощи студентам

Mobx. Подскажите, пожалуйста, как правильно описать структуру кода, когда нужно чтобы в модели одного store использовались данные другого store.

Код

/stores
    RetailersStore.ts
    RewardsStore.ts
/models
    RetailerStore.ts
    RewardModel.ts

Сейчас у меня calc() выполняется в компонентах в методе render(). Но это создает дублирование кода, поэтому я хочу оптимизировать этот процесс, но не знаю как правильно.

я думаю, что можно создать геттер @get cashback в функции-конструкторе "RetailerModel", но у меня функция calc() использует данные с обоих stores. И проблема в том, что RewardStore.reward может меняться, поэтому RetailerModel должен следить за изменениями.

Javascript

import { calc } from '../constants';
 
export class RetailerModel {
  @observable public rate: number;
 
  constructor(rate: number) {
    this.rate = rate;
  }
 
  // Мне кажется, это был бы идеальный вариант, но насколько так вообще разумно 
  // делать? Придется дополнительно дописывать @observer к RetailerModel, так как RewardStore.rewards может меняться. 
  // Будет ли это эффективно?
  @computed get cashback(): number {
    return calc(this.rate, RewardStore.reward); 
  }
}
 
[...]

Как в целом решаются подобные проблемы, чтобы код оставался структурированным и эффективно выполнялся?

В крайнем случае я могу объединить оба stores в один единственный. Но это не лучший вариант?

	27.01.2020, 17:33