React Native-Mobx如何使用远程数据初始化存储

问题描述

如何初始化Mobx存储并从api服务器加载数据。 我必须请求一个api服务器来获取产品数据并将该数据放入可观察的数组中。 然后，我将使计算函数查询该数组（例如，按类别名称获取产品）

我已经做过一些工作，但是存储将被初始化，但是我的Flatlist项目不会在应用启动时出现。重新启动应用程序后，它才能正常工作。

解决方法

通过 api 调用查看这个简单的 mobx 商店。请记住定义您的 api 调用函数或相应地导入它。

// mobx Store
    class Store extends BaseStore {
      constructor() {
        super();
        this.getCustomers(); // initialize store observable
      }
    
      @observable customers = [];
      @action getCustomers = () => {
        this.customers = getList("customers"); // api call
        return this.customers;
      };
    }