本文共 323 字，大约阅读时间需要 1 分钟。

城市选择模块

1、功能分析

• 业务：切换城市，查看该城市下的房源信息
• 功能：1. 顶部导航栏 2. 城市列表展示 3. 使用索引快速切换城市 4. 点击城市名称切换城市
• 第三方组件： 长列表 
• 难点：数据格式处理、react-virtualized组件在项目中的使用

• 1. 打开 antd-mobile 组件库的 导航栏组件 文档 
• 2. 从文档中拷贝组件示例代码到项目中，让其正确运行
• 3. 修改导航栏样式和结构

// 1 导入 NavBar组件import { NavBar } from 'antd-mobile'  render() {    return (      
   
            {/* 顶部导航栏 */}        
   

转载地址：https://blog.csdn.net/yexiangCSDN/article/details/117333218 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！