小程序onload中获取后端传来的数据,success中使用setdata设置以后外部不能单独获取到数据

微信小程序success中setdata设置数据后外部不能单独获取到data中的数据
let that = this
// 渲染拼团数据
//  获取后端传递数据
wx.request({
  url: "http://192.168.84.24:8000/group/group_details/",
  method: "GET",
  header: {
    "content-type": "application/json"
  },
  success(res) {
    console.log("成功获取", res.data.group_array)
    var set_group_info = res.data.group_array
    that.setData({
      group_array: set_group_info,
      ccc: '123213'
    })
    console.log(that.data.ccc);
  }
})
// console.log(that.data);
console.log(that.data.group_array, 'group_array');
console.log(that.data.ccc+9, 'ccc');
没有报错,只是拿不到数据
我的解答思路和尝试过的方法
我想要达到的结果

img

wx.requst是异步执行的,不会拦截后续代码的执行,所以未执行success回调时就已经执行了
console.log(that.data.group_array, 'group_array');
console.log(that.data.ccc+9, 'ccc');
这2句,所以此时是没有group_array和ccc这2个数据项的。

后续代码执行要使用到异步数据,需要修改下配置改成回调的形式,或者用asyc+Promise+await来实现

因为请求数据是异步的,所以再下面打印的时候数据还没有返回

用await async 同步 建议success用箭头函数