Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Native-Mobx如何使用远程数据初始化存储_Javascript_Reactjs_React Native_Mobx_Mobx React - Fatal编程技术网

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

Javascript React Native-Mobx如何使用远程数据初始化存储,javascript,reactjs,react-native,mobx,mobx-react,Javascript,Reactjs,React Native,Mobx,Mobx React,如何初始化mobx存储并从api服务器加载数据。 我必须请求一个api服务器来获取产品数据,并将这些数据放入可观察数组中。 然后,我将生成计算函数来查询该数组(例如,按类别名称获取产品) 我已经做了一些工作,但商店将被初始化,但我的扁平列表项目不会出现在应用程序启动。重新启动应用程序后,它就可以工作。使用api调用查看这个简单的mobx商店。记住定义api调用函数或相应地导入它 // mobx Store class Store extends BaseStore { con

如何初始化mobx存储并从api服务器加载数据。 我必须请求一个api服务器来获取产品数据,并将这些数据放入可观察数组中。 然后,我将生成计算函数来查询该数组(例如,按类别名称获取产品)


我已经做了一些工作,但商店将被初始化,但我的扁平列表项目不会出现在应用程序启动。重新启动应用程序后,它就可以工作。

使用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;
      };
    }