mobx内置流flow异步请求_mobx flow_时光之里的博客

什么是flow

它与async / await的工作方式相同。只需使用函数*而不是async和yield而不是await。
flow的优点在于他在预发上非常接近async / await，并且异步部分不需要手动操作包装，从而产生非常干净的代码。
flow只能用作函数而不能用作装饰器。
import axios from "axios";
export function getSearchData(keyword, moduleType, start = 0, count = 6) {
// 底层请求使用 axios： 基于promise 的HTTP 库，可以用在浏览器和node.js中。
  return axios.get(`/${moduleType}/search`, {
    params: {
      q: keyword,
      start,
      count
// 导入getSearchData方法
import { getSearchData } from '../../../apis';
fetchSearchData = flow(
  function*(keyword, module, start, count) {
    try {
      const response = yield getSearchData(keyword, module.value, start, count);
      const data = response.data[module.field];
      this.setSearchData(data);
    } catch (error) {
      console.log(error);
  }.bind(this)
// 调用fetchSearchData方法
this.fetchSearchData(value, currentModule);
                    什么是flow它与async / await的工作方式相同。 只需使用函数*而不是async和yield而不是await。flow的优点在于他在预发上非常接近async / await，并且异步部分不需要手动操作包装，从而产生非常干净的代码。flow只能用作函数而不能用作装饰器。应用import axios from &quot;axios&quot;;export function ge...
     MobX是什么？
       官方文档是这样介绍的，简单、可扩展的状态管理（Simple, scalable state management）。简单来说，Mobx可以很好的管理应用程序的状态/数据，同时又简单、易扩展。
				mobx快速入门mobx使用mobx quickstartmobx声明1. 使用函数封装：2. 使用修饰器computedautorunwhenreactionactionrunInActionobserverProviderinject参考示例
mobx是啥：是一个用来管理状态的库，如果被观测组件发生改变，会自动渲染有关页面，告别setState。
mbox编程的3个重点：
observer观测器：带有观测器的react组件或者属性被mobx实时观测
observable可观测对象：由mobx
				MobX 是一个简单、方便扩展、久经考验的状态管理解决方案。这个教程旨在十分钟内向你介绍 MobX 的一些重要概念。MobX 是一个独立的苦，不过大多数人都把它和 React 一起使用，所以本教程也就着眼于这个组合展开。
State 是每一个应用程序的核心部分，而使用一个不合规范的 State 则是让你的应用充满 bug 和失控的不二法门，或者就是局部变量环绕，让你的 sta
 初始化商店
寻找单记录与Store#getOne ， Store#fetchOne ， Store#findOne
 使用Store#getMany ， Store#fetchMany ， Store#findMany通过ID查找记录
使用Store#getAll ， Store#fetchAll ， Store#findAll获取所有记录
查找/获取选项
使用Store#add添加记录
使用Model#save记录
使用Model#errors处理Model#errors
mobx-async-store旨在使用符合REST API，并
mobx是比redux更轻量的一个库，个人理解而已，他比redux少了中间一层reduce，是直接action然后修改数据，更新视图。
第一种，通过decorate，这里需要引入两个api,分别是，还有一个decorate
定义一个类，通过decorate将该类的a监听起来，若想修改数据，必须通过action来修改数据，才是达到响应式更新。
使用的时候，需要引入
通过这个将我们的组件包裹起来
然后通过高阶组件将store的值传入组件内部，接着就可以在内部使用了。
修改数据必须调用类里面的
MobX 是一个简单的可扩展的状态管理库，无样板代码风格简约。
目前最新版本为 6，版本 4 和版本 5 已不再支持。
在 MobX 6 中不推荐使用装饰器语法，因为它不是 ES 标准，并且标准化过程要花费很长时间，但是通过配置仍然可以启用装饰器语法。
MobX 可以运行在任何支持 ES5 的环境中，包含浏览器和 Node。
MobX 通常和 React 配合使用，但是在 Angular 和 Vue 中也可以使用 MobX。
2. 核心概念
observable：被 MobX 跟
MobX-状态管理库 
作为一个状态管理库，MobX的一切行为都围绕着状态去做一些处理。对于state，有4个重要的API需要了解，分别是observable, computed, reactions, actions，掌握了这4个API，足以满足我们搭建一个基于MobX的应用程序了。
MobX的核心概念。 所有可以从state中派生的事物，都会自动的派