React Native 城市选择（四）获取城市名称-白红宇的个人博客

React Native 城市选择（四）获取城市名称

发布日期：2022-04-05 00:52:16 浏览次数：4 分类：博客文章

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

城市选择使用Ant Design Mobile RN中的城市选择功能（https://rn.mobile.ant.design/components/picker-cn/）

但是这个库最后返回的value（城市编码），并没有返回label（城市名称）

官方文档暴露的所有接口

当我们需要使用城市名称的时候那么我们如何获取呢？

历经种种尝试，最终找到了format，可以在这个函数中做截取到城市名称

具体操作如下：

1、声明全局变量

var lables: string[]

2、format中添加操作

format: ((labels: string[]) => string) | undefined;this.format = (labels: string[]) => {            let kk = labels.join(' ')            // 这里不能在state中存储，否则会报错，所以使用全局变量存储            lables = labels            this.listData();            if (kk && kk.length) {                return kk            } else {                return '工作地'            }        };

3、组件中赋值


    
     选择工作地}                        okText={
     
      确定
     }                        dismissText={
     
      取消
     }                    >

经过上述操作，我们就可以拿到城市名称了

转载地址：https://www.cnblogs.com/lijianyi/p/14335221.html 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：React Native 之文件内数据操作（var、let、const、static、Props、State、this）

下一篇：React Native 城市选择（三）实现选择全部功能（使用本地json文件实现）

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章