Skip to content

Latest commit

 

History

History
35 lines (27 loc) · 932 Bytes

README.md

File metadata and controls

35 lines (27 loc) · 932 Bytes

基于高德数据 tsx-taro 版h5的省市区选择器

  • 因为taro picker组件 mode='region' 对于h5实际不兼容,因此通过 multiSelector 进行封装
  • 数据来源高德api
  • 数据类似region.ts 该组件使用接口请求获取数据,可自行改为region中的数据
  • 如果多端开发,为了省市区数据适配,亦可小程序使用该组件

修改数据重点位置

// 改为不请求接口 直接取 const regionAllTemp = region?.districts?.[0]?.districts;
const res = await getRegion();
if (res) {
    const regionAllTemp = res?.data?.districts?.[0]?.districts;
    ...
}

演示

演示

demo

// 使用
const onReigonChange = (e, obj: TRegionObj) => {
  console.log(e, obj);
};

<RegionPicker
  onReigonChange={onReigonChange}
  initialValues={[1, 2, 0]}
/>