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

最新推荐文章于 2023-03-02 09:08:00 发布

转载最新推荐文章于 2023-03-02 09:08:00 发布 · 4.7k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/soyxiaobi/p/10574894.html

文章标签：

#javascript #ViewUI

博客介绍了Dva不同版本的使用情况。Dva2.0及以上版本使用官方自带的Promise，业务组件的dispatch会接收model层返回值，可利用data做逻辑判断，还可查看Dva2.0发布日志；Dva2.0及以下版本给出了转载链接。

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会接收model层add返回的值。可以利用data做一些逻辑判断

感兴趣源码可以查看:
Dva2.0发布日志