城市列表（三）-热门城市数据获取——更新数据-this.setState({}) & 遍历对象-forEach({})

城市列表（三）-热门城市数据获取——更新数据-this.setState({}) & 遍历对象-forEach({})

getCityData = async () => {
  const res = await axios.get(`http://localhost:8080/area/city`, {
    params: {
      level: 1
    }
  })
  // a-z的城市
  const { cityIndex, citylist } = formatCityData(res.data.body)
  // 热门城市
  const res2 = await axios.get(`http://localhost:8080/area/hot`)
  // console.log(res2.data.body)
  cityIndex.unshift('hot')
  citylist['hot'] = res2.data.body

  console.log(citylist, cityIndex)
}

实例代码

    // 添加热门城市数据
    let hotCity = await axios.get('area/hot')
    ret.indexList.unshift('hot')
    ret.objCityList['hot'] = hotCity.body

    // 更新数据
    this.setState({
      cityList: ret
    })
------------
      // 可用方法
      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 {
            lists.push(<li key={city.value}>{city.label}</li>)
          }
        })
      })

热门城市数据-效果