版权声明:本文为博主原创文章,未经博主允许不得转载。 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);