Mobx Исходные данные с сервера

Question

Как я могу установить значение хранилища mobx со стороны сервера в качестве начального значения (из fetch / http)?

import { computed, observable } from 'mobx';
import { Instrument } from '../models/core/instrument';

class ObservableInstrumentStore {
  //should set init value from server instead of setting to empty array
  @observable instruments: Instrument[] = [];

  @computed get getInstruments(): Instrument[] {
    return this.instruments;
  }

  addInstruments(instruments: Instrument[]): void {
    this.instruments = instruments;
  }
}

export const observableInstrumentStore = new ObservableInstrumentStore();

Answer 1

Мне удалось настроить хранилище mobx с инициализацией данных с сервера следующим образом:

class ObservableInstrumentStore {
  @observable instruments: Instrument[] = [];

  @computed get getInstruments(): Instrument[] {
    return this.instruments;
  }

  addInstruments(instruments: Instrument[]): void {
    this.instruments = instruments;
  }

  async initializeInstruments(): Promise<void> {
    const response = await fetchInstruments();
    if (isRight(response)) {
      this.instruments = response.right;
    }
  }
}

const observableInstrumentStore = new ObservableInstrumentStore();
observableInstrumentStore.initializeInstruments().then();
export default observableInstrumentStore;

Answer 2

Как бы вы это сделали, если бы не использовали mobx и observables?

Есть несколько опций.

1. Подождите, пока длина массива будет больше нуля чтобы что-то сделать с данными.

2. Имейте flag, который сигнализирует, что загрузка данных завершена, и затем попытайтесь что-то сделать с данными.