mobx内置流flow异步请求

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m_review/article/details/81462252

什么是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);