Dva三种方式实现dispatch的Promise回调

时间:2023-03-09 19:13:33
Dva三种方式实现dispatch的Promise回调

Dva2.0及以上版本

  • 使用官方自带的Promise

// 业务组件 e.g: Tags.js
dispatch({
type: 'user/add',
payload: {}, // 需要传递的信息
})
.then(result => {
console.log('Tags result', result);
}) // model层 e.g: user.js
*add({ payload }, { call, put }){
const response = yield(addTags, payload);
const { code, msg } = response;
if(code === 200) {
//接口调用成功
// do something...
return true; // 通过return给dispatch返回回调结果!
}else {
//接口调用失败
// do something...
return false;
}
}

此时业务组件的dispatch会接收modeladd返回的值。可以利用data做一些逻辑判断

感兴趣源码可以查看:

Dva2.0发布日志

Dva2.0及以下版本