# LetterSearch (字母搜索组件)

# 组件引入

import LetterSearch from "..."

# 组件功能

• 根据右边字母列表，精确定位到以字母开头的列表
• 添加最近/最常使用地区/医院按钮组

# Demo

• 显示全部信息，只需添加数据源，点击跳转，需要设置navHandle属性；

    const areaList=[{name:'北京',id:3},{name:'上海',id:2},{name:'重庆',id:1}];
      <LetterSearch
        list={areaList}
        navHandle={(item,index)=>{
          //...
        }}
      />
  

  

• 添加常用地区或者最近使用的地区/医院等，需要依赖button组件，标题默认是最近访问，可以修改recentHeaderTitle来修改

    const areaList=[{name:'北京',id:3},{name:'上海',id:2},{name:'重庆',id:1}];
    const recentCityList=[{name:"天津"},{name:'哈尔滨'}];
      <LetterSearch
        list={areaList}
        navHandle={(item,index)=>{
          //...
        }}
        recentCityList={recentCityList}
        recentHeaderTitle={'常用地区'}
      />
  

  

# props