好客租房133-获取并处理城市列表数据

简介: 好客租房133-获取并处理城市列表数据

1获取步骤

import React from 'react'
import axios from "axios"
//导入axios
//导入navBar组件
import { NavBar, Icon } from 'antd-mobile'
import "./index.scss"
class cityList extends React.Component {
    componentDidMount(){
        this.getCityList()
    }
   async getCityList(){
        const res = await axios.get('http://localhost:8080/area/city?level=1')
    }
   render() {
      return (
         <div className='citylist'>
            <NavBar className='navbar'
               mode="light"
               icon={<i className='iconfont icon-back' />}
               onLeftClick={() => this.props.histoty.push.go(-1)}
                    // 导航栏右边内容
               // rightContent={[
               //    
               //       key="0"
               //       type="search"
               //       style={{ marginRight: '16px' }}
               //    />,
               //    ,
               // ]}
            >
               城市选择
            </NavBar>
         </div>
      )
   }
}
export default cityList

运行结果

图片.png

相关文章
|
SQL 关系型数据库 MySQL
分享一份全国行政区划sql数据库表
分享一份全国行政区划sql数据库表
基于百度统计的城市人口迁徙数据做数据
基于百度统计的城市人口迁徙数据做数据
206 0
基于百度统计的城市人口迁徙数据做数据
|
数据可视化 定位技术
部分省会城市公交路线以及公交站点数据分享
最近在做一个城市公交行驶路线优化的研究,收集到了部分城市的公交路线和公交站数据2018年(北京 上海 广州 成都 大连 福州 杭州 合肥 济南 南京 青岛 厦门 深圳 沈阳 苏州 天津 武汉 西安 长春 长沙)都是shp格式
149 0
|
XML JSON API
商圈库_功能_求差获取商圈 | 学习笔记
快速学习商圈库_功能_求差获取商圈。
|
数据格式
好客租房134-获取并处理城市列表数据
好客租房134-获取并处理城市列表数据
107 0
好客租房134-获取并处理城市列表数据
好客租房135-获取并处理城市列表数据(热门处理数据)
好客租房135-获取并处理城市列表数据(热门处理数据)
133 0
好客租房135-获取并处理城市列表数据(热门处理数据)
|
索引
好客租房145-渲染城市列表(展示城市索引)
好客租房145-渲染城市列表(展示城市索引)
160 0
好客租房145-渲染城市列表(展示城市索引)
好客租房176-获取房源数据优化
好客租房176-获取房源数据优化
130 0
好客租房176-获取房源数据优化
|
索引
好客租房144-渲染城市列表
好客租房144-渲染城市列表
130 0
好客租房144-渲染城市列表