美文网首页
异步请求,promise 必须配合Model里面方法return

异步请求,promise 必须配合Model里面方法return

作者: 逸笛 | 来源:发表于2019-10-30 10:18 被阅读0次

需求:第一个请求的结果,需要作为第二个请求的请求参数

model 里面数据必须retrue返回,给页面使用


图片.png

执行第一个方法

  componentDidMount() {
    this.getChildAbilityDetail();
  }

第一个请求方法

//获取能力详情
  getChildAbilityDetail() {
    const currentId = localStorage.getItem('currentId');
    let { abilityId = '' } = this.props.location.state;
    const age = localStorage.getItem('age');
    this.props
      .dispatch({
        type: 'childAnalysis/getChildAbilityDetail',
        payload: { childId: currentId, age: age, testType: 1, kgid: 0, abilityId: abilityId },
      })
      .then(data => {
        this.getTaskTestStatus(data);
      });
  }

第二个请求方法

//获取能力详情

   //请求-获取状态
  getTaskTestStatus(childAbilityDetail) {
    const { dispatch } = this.props;
    const childId = localStorage.getItem('currentId');
    const {
      task: { taskid = '' },
    } = childAbilityDetail;
    dispatch({
      type: 'childAnalysis/getTaskTestStatus',
      payload: { childId: childId, taskIdList: taskid },
    });
  }
model里面方法,return  data:
    //能力详情页
    *getChildAbilityDetail({ payload }, { call, put }) {
      const {
        data: { data, code },
      } = yield call(getChildAbilityDetail, payload);
      if (code === 0) {
        yield put({
          type: 'updateListResult',
          payload: {
            childAbilityDetail: data,
          },
        });
        return data;
      }
    },

相关文章

  • 异步请求,promise 必须配合Model里面方法return

    需求:第一个请求的结果,需要作为第二个请求的请求参数 model 里面数据必须retrue返回,给页面使用 执行第...

  • Promise函数介绍和用法

    Promise函数(异步请求操作可用) Promise用法 Promise其实是一个构造函数 ! 使用方法如下: ...

  • Controller减压

    思路 MVC分工明确,各司其职。Model里面进行异步请求数据,不要在controller里面进行操作。Model...

  • Promise

    Promise对象就是一个异步请求占位符对象 把异步请求封装在Promise对象中,Promise的构造函数传入一...

  • promise与await

    解决异步编程的方法—promise与await promise是什么? Promise,简单说就是一个容器,里面保...

  • promise使用方法

    promise是解决异步编程的方法。我们常用的使用场景就是网络请求 constfoo=()=>{ returnne...

  • promise和async的实现

    promise的含义 promise是一个异步编程的解决方法,简单来说,promise类似一个容器,里面保存着未来...

  • new Promise 理解

    外部获取异步方法里面的数据 promise对象有then,catch, all, race方法可使用 使用asyn...

  • React-Native 封装fetch 网络请求

    Fetch网络请求:get static get=(url)=>{return new Promise(resol...

  • es6:promise

    异步任务,请求服务器数据: 传入请求地址,调用 调用结果 等待多个promise:Promise.all(prom...

网友评论

      本文标题:异步请求,promise 必须配合Model里面方法return

      本文链接:https://www.haomeiwen.com/subject/btnfpctx.html