react，使用hook，如何将已获取到热门城市名称显示出来？

已写的部分代码：

const [cityListHot,setCityListHot] = useState('')
useEffect(()=>{
// 获取热门城市列表
  let cityListHot = {
    title: "热",
    items: [],
    key: "hot"
  }
  axios.get(`http://localhost:8080/area/hot`).then(hotRes=>{
    cityListHot.items = setCityListHot(hotRes.data.body)
    console.log(cityListHot.items)
  })
}

目前效果如下，界面左边热门城市项下没有显示出城市名称：

chrome浏览器打印显示undifined，数据库里的数据没有被放进items里，且没有显示出来
请问正确的代码是什么？

应该是你异步加载顺序的问题吧
也就是说数据还没获取到之前，你就已经触发使用了cityListHot 这个，而你cityListHot 初始定义里，items并没有值，所以打印肯定会undifined