好客租房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数据表设计、以及全国省市区全部最新数据
1411 0
省市区管理sql数据表设计、以及全国省市区全部最新数据
|
9月前
|
SQL 关系型数据库 MySQL
分享一份全国行政区划sql数据库表
分享一份全国行政区划sql数据库表
|
数据格式
好客租房134-获取并处理城市列表数据
好客租房134-获取并处理城市列表数据
89 0
好客租房134-获取并处理城市列表数据
好客租房135-获取并处理城市列表数据(热门处理数据)
好客租房135-获取并处理城市列表数据(热门处理数据)
109 0
好客租房135-获取并处理城市列表数据(热门处理数据)
|
索引
好客租房145-渲染城市列表(展示城市索引)
好客租房145-渲染城市列表(展示城市索引)
147 0
好客租房145-渲染城市列表(展示城市索引)
好客租房176-获取房源数据优化
好客租房176-获取房源数据优化
112 0
好客租房176-获取房源数据优化
好客租房165-根据定位获取当前城市
好客租房165-根据定位获取当前城市
111 0
好客租房165-根据定位获取当前城市
好客租房166-根据定位获取当前城市
好客租房166-根据定位获取当前城市
83 0
好客租房166-根据定位获取当前城市
|
索引
好客租房144-渲染城市列表
好客租房144-渲染城市列表
107 0
好客租房144-渲染城市列表