城市列表（四）-当前城市数据获取——请求写法-await axios(接口，参数)

城市列表（四）-当前城市数据获取——请求写法-await axios(接口，参数)

代码

 loadData = async () => {
    // 添加加载提示信息
    Toast.loading('正在加载', 0)
    // 加载城市的列表数据
    let data = await axios.get('area/city', {
      params: {
        level: 1
      }
    })
    // console.log(data);
    let ret = this.translateDataFormat(data.body)
    
    // 添加热门城市数据
    let hotCity = await axios.get('area/hot')
    ret.indexList.unshift('hot')
    ret.objCityList['hot'] = hotCity.body
    
    // 添加当前城市数据
    ret.indexList.unshift('#')
    // 获取当前城市的详细数据
    let currentCity = await axios('area/info', {
      params: {
        name: '北京'
      }
    })
    ret.objCityList['#'] = [currentCity.body]
    
    // 更新数据
    this.setState({
      cityList: ret
    })
    // 隐藏提示效果
    Toast.hide()
  }
 -------------------------------------
           // 可用方法
      indexs.forEach(letter => {
        lists.push(<li key={letter}>{letter}</li>)
        let citys = obj[letter]
        citys.forEach(city=>{
          if (letter === 'hot') {
            lists.push(<li key={city.short}>{city.label}</li>)
          } else if (letter === '#') {
            lists.push(<li key={city.value + '#'}>{city.label}</li>)
          } else {
            lists.push(<li key={city.value}>{city.label}</li>)
          }
        })
      })

效果