Ant Design Cascader 级联组件选择省市

文章目录

    需求

    只需要省市二级选择,而不需要省市区。

    网上不少示例使用的是 Ant Design select,实际上用 Cascader 级联选择组件更合理。

    最终效果:

    Ant Design Cascader 级联选择组件

    https://ant.design/components/cascader-cn/

    从文档看,label 是可选项,猜测不写 label 则同 value。

    interface Option {
      value: string | number;
      label?: React.ReactNode;
      disabled?: boolean;
      children?: Option[];
    }
    

    但是,实际测试,不写 label,下拉列表会显示为空。。。

    只写 label 不写 value 呢?只写 label 确实可以显示,但是不知道选择之后有没有数值?
    测试了一下,果然没有数值。所以,label 和 value 都要设置。

    导入正式数据前,一个简单的测试

    只编辑几条测试数据,试试组件的使用,及如何配合 Ant Design Form 和 Ant Design Pro 的使用。

    const provinceCityOptions = [
      {
    	label: "山东",
    	value: "山东",
    	children: [
    	  {
    		label: "济南",
    		value: "济南",
    	  },
    	  {
    		label: "烟台",
    		value: "烟台",
    	  },
    	],
      }
    ];
    
    const onProvinceCityChange = (value) => {
      console.log(value);		// 输出格式:['山东', '烟台']
    }
    
    ...
    
    <Form.Item name="ProvinceCity" label="所在省份/城市">
      <Cascader
    	options={provinceCityOptions} onChange={onProvinceCityChange}
    	placeholder="请选择设备所在省份、城市" />
    </Form.Item>
    

    配合 Antd Form 编辑已有数据

    我在数据库表中是用两个字段分别存储的省份和城市,主要是方便过滤查询。
    所以返回给前端时,也是用两个字段返回的,需要在 Ant Design Pro 中做一层转换。

    列表页 index.tsx

    {
      title: "操作",
      dataIndex: 'option',
      valueType: 'option',
      render: (_, record) => [
    	<a
    	  key="config"
    	  onClick={() => {
    		handleFormVisible(true);
    		record.ProvinceCity = [record.Province, record.City];	// 点击列表页编辑按钮,增加字段
    		setCurrentRow(record);
    	  }}
    	>
    	  编辑
    	</a>,
      ],
    },
    

    点击编辑页保存按钮后,将 Cascader 的返回数组解析为两个独立字段,方便传给后台接口。

    <CreateForm
    	createFormVisible={createFormVisible}
    	values={currentRow || {}}
    	onFinish={async (value) => {
    	  [value.Province, value.City] = value.ProvinceCity;
    

    测试了一下,符合预期。

    导入真实省市数据

    功能已实现,只差导入真实的省份城市数据了。

    从网上找了一份省份与省市的映射表。

    https://blog.csdn.net/jdrunk/article/details/111756948

    const provinceCityMap = {
      '安徽': ['合肥', '安庆', '蚌埠', '亳州', '巢湖', '池州', '滁州', '阜阳', '淮北', '淮南', '黄山', '六安', '马鞍山', '宿州', '铜陵', '芜湖', '宣城'],
      '澳门': ['澳门'],
      '北京': ['昌平', '朝阳区', '崇文', '大兴', '东城', '房山', '丰台', '海淀', '怀柔', '门头沟', '密云', '平谷', '石景山', '顺义', '通州区', '西城', '宣武', '延庆'],
      '福建': ['福州', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '厦门', '漳州'],
      '甘肃': ['兰州', '白银', '定西', '甘南', '嘉峪关', '金昌', '酒泉', '临夏', '陇南', '平凉', '庆阳', '天水', '武威', '张掖'],
      '广东': ['广州', '潮州', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '阳江', '云浮', '湛江', '肇庆', '中山', '珠海'],
      '广西': ['桂林', '百色', '北海', '崇左', '防城港', '贵港', '河池', '贺州', '来宾', '柳州', '南宁', '钦州', '梧州', '玉林'],
      '贵州': ['贵阳', '安顺', '毕节', '六盘水', '黔东南', '黔南', '黔西南', '铜仁', '遵义'],
      '海南': ['海口', '白沙', '保亭', '昌江', '澄迈', '儋州', '定安', '东方', '乐东', '临高', '陵水', '南沙群岛', '琼海', '琼中', '三亚', '屯昌', '万宁', '文昌', '五指山', '西沙群岛', '中沙群岛'],
      '河北': ['石家庄', '保定', '沧州', '承德', '邯郸', '衡水', '廊坊', '秦皇岛', '唐山', '邢台', '张家口'],
      '河南': ['郑州', '安阳', '鹤壁', '焦作', '济源', '开封', '洛阳', '漯河', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店'],
      '黑龙江': ['哈尔滨', '大庆', '大兴安岭', '鹤岗', '黑河', '鸡西', '佳木斯', '牡丹江', '七台河', '齐齐哈尔', '双鸭山', '绥化', '伊春'],
      '湖北': ['武汉', '鄂州', '恩施', '黄冈', '黄石', '荆门', '荆州', '潜江', '神农架', '十堰', '随州', '天门', '仙桃', '咸宁', '襄樊', '孝感', '宜昌'],
      '湖南': ['长沙', '常德', '郴州', '衡阳', '怀化', '娄底', '邵阳', '湘潭', '湘西', '益阳', '永州', '岳阳', '张家界', '株洲'],
      '吉林': ['长春', '白城', '白山', '吉林', '辽源', '四平', '松原', '通化', '延边'],
      '江苏': ['南京', '常州', '淮安', '连云港', '南通', '苏州', '宿迁', '泰州', '无锡', '徐州', '盐城', '扬州', '镇江'],
      '江西': ['南昌', '抚州', '赣州', '吉安', '景德镇', '九江', '萍乡', '上饶', '新余', '宜春', '鹰潭'],
      '辽宁': ['沈阳', '鞍山', '本溪', '朝阳市', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口'],
      '内蒙古': ['呼和浩特', '阿拉善', '巴彦淖尔', '包头', '赤峰', '鄂尔多斯', '呼伦贝尔', '通辽', '乌海', '乌兰察布', '锡林郭勒', '兴安'],
      '宁夏': ['银川', '固原', '石嘴山', '吴忠', '中卫'],
      '青海': ['西宁', '果洛', '海北', '海东', '海南', '海西', '黄南', '玉树'],
      '山东': ['济南', '滨州', '德州', '东营', '菏泽', '济宁', '莱芜', '聊城', '临沂', '青岛', '日照', '泰安', '威海', '潍坊', '烟台', '枣庄', '淄博'],
      '山西': ['太原', '长治', '大同', '晋城', '晋中', '临汾', '吕梁', '朔州', '忻州', '阳泉', '运城'],
      '陕西': ['西安', '安康', '宝鸡', '汉中', '商洛', '铜川', '渭南', '咸阳', '延安', '榆林'],
      '上海': ['宝山', '长宁', '崇明', '奉贤', '虹口', '黄浦', '嘉定', '金山', '静安', '卢湾', '闵行', '南汇', '浦东', '普陀', '青浦', '松江', '徐汇', '杨浦', '闸北'],
      '四川': ['成都', '阿坝', '巴中', '达州', '德阳', '甘孜', '广安', '广元', '乐山', '凉山', '泸州', '眉山', '绵阳', '内江', '南充', '攀枝花', '遂宁', '雅安', '宜宾', '资阳', '自贡'],
      '台湾': ['台北', '阿莲', '安定', '安平', '八德', '八里', '白沙市', '板桥', '褒忠', '宝山市', '卑南', '北斗', '北港', '北门', '北埔', '北投', '补子', '布袋', '草屯', '长宾', '长治市', '潮州市', '车城', '成功', '城中区', '池上', '春日', '刺桐', '高雄', '花莲', '基隆', '嘉义', '苗栗', '南投', '屏东', '台东', '台南', '台中', '桃园', '新竹', '宜兰', '彰化'],
      '天津': ['宝坻', '北辰', '大港', '东丽', '汉沽', '和平', '河北', '河东', '河西', '红桥', '蓟县', '津南', '静海', '南开', '宁河', '塘沽', '武清', '西青'],
      '西藏': ['拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南'],
      '香港': ['北区', '大埔区', '东区', '观塘区', '黄大仙区', '九龙', '葵青区', '离岛区', '南区', '荃湾区', '沙田区', '深水湾', '屯门区', '湾仔区', '西贡区', '香港', '新界', '油尖旺区', '元朗区', '中西区'],
      '新疆': ['乌鲁木齐', '阿克苏', '阿拉尔', '阿勒泰', '巴音郭楞', '博尔塔拉', '昌吉', '哈密', '和田', '喀什', '克拉玛依', '克孜勒苏柯尔克孜', '石河子', '塔城', '图木舒克', '吐鲁番', '五家渠', '伊犁'],
      '云南': ['昆明', '保山', '楚雄', '大理', '德宏', '迪庆', '红河', '丽江', '临沧', '怒江', '曲靖', '思茅', '文山', '西双版纳', '玉溪', '昭通'],
      '浙江': ['杭州', '湖州', '嘉兴', '金华', '丽水', '宁波', '衢州', '绍兴', '台州', '温州', '舟山'],
      '重庆': ['巴南', '北碚', '璧山', '长寿', '城口', '大渡口', '大足', '垫江', '丰都', '奉节', '涪陵', '合川', '江北', '江津', '九龙坡', '开县', '梁平', '南岸', '南川', '彭水', '綦江', '黔江', '荣昌', '沙坪坝', '石柱', '双桥', '铜梁', '潼南', '万盛', '万州', '巫山', '巫溪', '武隆', '秀山', '永川', '酉阳', '渝北', '渝中', '云阳', '忠县'],
      '其他': ['阿根廷', '埃及', '爱尔兰', '奥地利', '奥克兰', '澳大利亚', '巴基斯坦', '巴西', '保加利亚', '比利时', '冰岛', '朝鲜', '丹麦', '德国', '俄罗斯', '法国', '菲律宾', '芬兰', '哥伦比亚', '韩国', '荷兰', '加拿大', '柬埔寨', '喀麦隆', '老挝', '卢森堡', '罗马尼亚', '马达加斯加', '马来西亚', '毛里求斯', '美国', '秘鲁', '缅甸', '墨西哥', '南非', '尼泊尔', '挪威', '葡萄牙', '其它地区', '日本', '瑞典', '瑞士', '斯里兰卡', '泰国', '土耳其', '委内瑞拉', '文莱', '乌克兰', '西班牙', '希腊', '新加坡', '新西兰', '匈牙利', '以色列', '意大利', '印度', '印度尼西亚', '英国', '越南', '智利']
    };
    

    但是,这个是不能直接使用的,需要转换为 Ant Design Cascader 组件规定的数据结构。

    写一个小脚本转换一下:

    vim convertProvinceCity.js

    /*
     * 输出格式
     * 比较麻烦的是,需要保留省份的拼音顺序,所以需要先将原 object 用 vim 快速转换为 array。
     */
    
    let provinceCityOptions = [];
    
    const provinceCityList = [
      ['安徽', ['合肥', '安庆', '蚌埠', '亳州', '巢湖', '池州', '滁州', '阜阳', '淮北', '淮南', '黄山', '六安', '马鞍山', '宿州', '铜陵', '芜湖', '宣城'],],
      ['澳门', ['澳门'],],
      ['北京', ['昌平', '朝阳区', '崇文', '大兴', '东城', '房山', '丰台', '海淀', '怀柔', '门头沟', '密云', '平谷', '石景山', '顺义', '通州区', '西城', '宣武', '延庆'],],
      ['福建', ['福州', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '厦门', '漳州'],],
      ['甘肃', ['兰州', '白银', '定西', '甘南', '嘉峪关', '金昌', '酒泉', '临夏', '陇南', '平凉', '庆阳', '天水', '武威', '张掖'],],
      ['广东', ['广州', '潮州', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '阳江', '云浮', '湛江', '肇庆', '中山', '珠海'],],
      ['广西', ['桂林', '百色', '北海', '崇左', '防城港', '贵港', '河池', '贺州', '来宾', '柳州', '南宁', '钦州', '梧州', '玉林'],],
      ['贵州', ['贵阳', '安顺', '毕节', '六盘水', '黔东南', '黔南', '黔西南', '铜仁', '遵义'],],
      ['海南', ['海口', '白沙', '保亭', '昌江', '澄迈', '儋州', '定安', '东方', '乐东', '临高', '陵水', '南沙群岛', '琼海', '琼中', '三亚', '屯昌', '万宁', '文昌', '五指山', '西沙群岛', '中沙群岛'],],
      ['河北', ['石家庄', '保定', '沧州', '承德', '邯郸', '衡水', '廊坊', '秦皇岛', '唐山', '邢台', '张家口'],],
      ['河南', ['郑州', '安阳', '鹤壁', '焦作', '济源', '开封', '洛阳', '漯河', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店'],],
      ['黑龙江', ['哈尔滨', '大庆', '大兴安岭', '鹤岗', '黑河', '鸡西', '佳木斯', '牡丹江', '七台河', '齐齐哈尔', '双鸭山', '绥化', '伊春'],],
      ['湖北', ['武汉', '鄂州', '恩施', '黄冈', '黄石', '荆门', '荆州', '潜江', '神农架', '十堰', '随州', '天门', '仙桃', '咸宁', '襄樊', '孝感', '宜昌'],],
      ['湖南', ['长沙', '常德', '郴州', '衡阳', '怀化', '娄底', '邵阳', '湘潭', '湘西', '益阳', '永州', '岳阳', '张家界', '株洲'],],
      ['吉林', ['长春', '白城', '白山', '吉林', '辽源', '四平', '松原', '通化', '延边'],],
      ['江苏', ['南京', '常州', '淮安', '连云港', '南通', '苏州', '宿迁', '泰州', '无锡', '徐州', '盐城', '扬州', '镇江'],],
      ['江西', ['南昌', '抚州', '赣州', '吉安', '景德镇', '九江', '萍乡', '上饶', '新余', '宜春', '鹰潭'],],
      ['辽宁', ['沈阳', '鞍山', '本溪', '朝阳市', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口'],],
      ['内蒙古', ['呼和浩特', '阿拉善', '巴彦淖尔', '包头', '赤峰', '鄂尔多斯', '呼伦贝尔', '通辽', '乌海', '乌兰察布', '锡林郭勒', '兴安'],],
      ['宁夏', ['银川', '固原', '石嘴山', '吴忠', '中卫'],],
      ['青海', ['西宁', '果洛', '海北', '海东', '海南', '海西', '黄南', '玉树'],],
      ['山东', ['济南', '滨州', '德州', '东营', '菏泽', '济宁', '莱芜', '聊城', '临沂', '青岛', '日照', '泰安', '威海', '潍坊', '烟台', '枣庄', '淄博'],],
      ['山西', ['太原', '长治', '大同', '晋城', '晋中', '临汾', '吕梁', '朔州', '忻州', '阳泉', '运城'],],
      ['陕西', ['西安', '安康', '宝鸡', '汉中', '商洛', '铜川', '渭南', '咸阳', '延安', '榆林'],],
      ['上海', ['宝山', '长宁', '崇明', '奉贤', '虹口', '黄浦', '嘉定', '金山', '静安', '卢湾', '闵行', '南汇', '浦东', '普陀', '青浦', '松江', '徐汇', '杨浦', '闸北'],],
      ['四川', ['成都', '阿坝', '巴中', '达州', '德阳', '甘孜', '广安', '广元', '乐山', '凉山', '泸州', '眉山', '绵阳', '内江', '南充', '攀枝花', '遂宁', '雅安', '宜宾', '资阳', '自贡'],],
      ['台湾', ['台北', '阿莲', '安定', '安平', '八德', '八里', '白沙市', '板桥', '褒忠', '宝山市', '卑南', '北斗', '北港', '北门', '北埔', '北投', '补子', '布袋', '草屯', '长宾', '长治市', '潮州市', '车城', '成功', '城中区', '池上', '春日', '刺桐', '高雄', '花莲', '基隆', '嘉义', '苗栗', '南投', '屏东', '台东', '台南', '台中', '桃园', '新竹', '宜兰', '彰化'],],
      ['天津', ['宝坻', '北辰', '大港', '东丽', '汉沽', '和平', '河北', '河东', '河西', '红桥', '蓟县', '津南', '静海', '南开', '宁河', '塘沽', '武清', '西青'],],
      ['西藏', ['拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南'],],
      ['香港', ['北区', '大埔区', '东区', '观塘区', '黄大仙区', '九龙', '葵青区', '离岛区', '南区', '荃湾区', '沙田区', '深水湾', '屯门区', '湾仔区', '西贡区', '香港', '新界', '油尖旺区', '元朗区', '中西区'],],
      ['新疆', ['乌鲁木齐', '阿克苏', '阿拉尔', '阿勒泰', '巴音郭楞', '博尔塔拉', '昌吉', '哈密', '和田', '喀什', '克拉玛依', '克孜勒苏柯尔克孜', '石河子', '塔城', '图木舒克', '吐鲁番', '五家渠', '伊犁'],],
      ['云南', ['昆明', '保山', '楚雄', '大理', '德宏', '迪庆', '红河', '丽江', '临沧', '怒江', '曲靖', '思茅', '文山', '西双版纳', '玉溪', '昭通'],],
      ['浙江', ['杭州', '湖州', '嘉兴', '金华', '丽水', '宁波', '衢州', '绍兴', '台州', '温州', '舟山'],],
      ['重庆', ['巴南', '北碚', '璧山', '长寿', '城口', '大渡口', '大足', '垫江', '丰都', '奉节', '涪陵', '合川', '江北', '江津', '九龙坡', '开县', '梁平', '南岸', '南川', '彭水', '綦江', '黔江', '荣昌', '沙坪坝', '石柱', '双桥', '铜梁', '潼南', '万盛', '万州', '巫山', '巫溪', '武隆', '秀山', '永川', '酉阳', '渝北', '渝中', '云阳', '忠县'],],
      ['其他', ['阿根廷', '埃及', '爱尔兰', '奥地利', '奥克兰', '澳大利亚', '巴基斯坦', '巴西', '保加利亚', '比利时', '冰岛', '朝鲜', '丹麦', '德国', '俄罗斯', '法国', '菲律宾', '芬兰', '哥伦比亚', '韩国', '荷兰', '加拿大', '柬埔寨', '喀麦隆', '老挝', '卢森堡', '罗马尼亚', '马达加斯加', '马来西亚', '毛里求斯', '美国', '秘鲁', '缅甸', '墨西哥', '南非', '尼泊尔', '挪威', '葡萄牙', '其它地区', '日本', '瑞典', '瑞士', '斯里兰卡', '泰国', '土耳其', '委内瑞拉', '文莱', '乌克兰', '西班牙', '希腊', '新加坡', '新西兰', '匈牙利', '以色列', '意大利', '印度', '印度尼西亚', '英国', '越南', '智利']],
    ];
    
    for (let item of provinceCityList) {
      let [province, citys] = item;
      let option = {
        label: province,
        value: province,
        children: [],
      };
      for (let city of citys) {
        option.children.push({
          label: city,
          value: city,
        });
      }
      provinceCityOptions.push(option);
    }
    
    // console.log(provinceCityOptions);
    console.log(JSON.stringify(provinceCityOptions, null, 4));
    

    使用 node 执行这个脚本,将输出结果写入文件,方便拷贝。

    node convertProvinceCity.js > provinceCity.txt
    

    输出结果:

    [
        {
            "label": "安徽",
            "value": "安徽",
            "children": [
                {
                    "label": "合肥",
                    "value": "合肥"
                },
                {
                    "label": "安庆",
                    "value": "安庆"
                },
                {
                    "label": "蚌埠",
                    "value": "蚌埠"
                },
                {
                    "label": "亳州",
                    "value": "亳州"
                },
                {
                    "label": "巢湖",
                    "value": "巢湖"
                },
                {
                    "label": "池州",
                    "value": "池州"
                },
                {
                    "label": "滁州",
                    "value": "滁州"
                },
                {
                    "label": "阜阳",
                    "value": "阜阳"
                },
                {
                    "label": "淮北",
                    "value": "淮北"
                },
                {
                    "label": "淮南",
                    "value": "淮南"
                },
                {
                    "label": "黄山",
                    "value": "黄山"
                },
                {
                    "label": "六安",
                    "value": "六安"
                },
                {
                    "label": "马鞍山",
                    "value": "马鞍山"
                },
                {
                    "label": "宿州",
                    "value": "宿州"
                },
                {
                    "label": "铜陵",
                    "value": "铜陵"
                },
                {
                    "label": "芜湖",
                    "value": "芜湖"
                },
                {
                    "label": "宣城",
                    "value": "宣城"
                }
            ]
        },
        {
            "label": "澳门",
            "value": "澳门",
            "children": [
                {
                    "label": "澳门",
                    "value": "澳门"
                }
            ]
        },
        {
            "label": "北京",
            "value": "北京",
            "children": [
                {
                    "label": "昌平",
                    "value": "昌平"
                },
                {
                    "label": "朝阳区",
                    "value": "朝阳区"
                },
                {
                    "label": "崇文",
                    "value": "崇文"
                },
                {
                    "label": "大兴",
                    "value": "大兴"
                },
                {
                    "label": "东城",
                    "value": "东城"
                },
                {
                    "label": "房山",
                    "value": "房山"
                },
                {
                    "label": "丰台",
                    "value": "丰台"
                },
                {
                    "label": "海淀",
                    "value": "海淀"
                },
                {
                    "label": "怀柔",
                    "value": "怀柔"
                },
                {
                    "label": "门头沟",
                    "value": "门头沟"
                },
                {
                    "label": "密云",
                    "value": "密云"
                },
                {
                    "label": "平谷",
                    "value": "平谷"
                },
                {
                    "label": "石景山",
                    "value": "石景山"
                },
                {
                    "label": "顺义",
                    "value": "顺义"
                },
                {
                    "label": "通州区",
                    "value": "通州区"
                },
                {
                    "label": "西城",
                    "value": "西城"
                },
                {
                    "label": "宣武",
                    "value": "宣武"
                },
                {
                    "label": "延庆",
                    "value": "延庆"
                }
            ]
        },
        {
            "label": "福建",
            "value": "福建",
            "children": [
                {
                    "label": "福州",
                    "value": "福州"
                },
                {
                    "label": "龙岩",
                    "value": "龙岩"
                },
                {
                    "label": "南平",
                    "value": "南平"
                },
                {
                    "label": "宁德",
                    "value": "宁德"
                },
                {
                    "label": "莆田",
                    "value": "莆田"
                },
                {
                    "label": "泉州",
                    "value": "泉州"
                },
                {
                    "label": "三明",
                    "value": "三明"
                },
                {
                    "label": "厦门",
                    "value": "厦门"
                },
                {
                    "label": "漳州",
                    "value": "漳州"
                }
            ]
        },
        {
            "label": "甘肃",
            "value": "甘肃",
            "children": [
                {
                    "label": "兰州",
                    "value": "兰州"
                },
                {
                    "label": "白银",
                    "value": "白银"
                },
                {
                    "label": "定西",
                    "value": "定西"
                },
                {
                    "label": "甘南",
                    "value": "甘南"
                },
                {
                    "label": "嘉峪关",
                    "value": "嘉峪关"
                },
                {
                    "label": "金昌",
                    "value": "金昌"
                },
                {
                    "label": "酒泉",
                    "value": "酒泉"
                },
                {
                    "label": "临夏",
                    "value": "临夏"
                },
                {
                    "label": "陇南",
                    "value": "陇南"
                },
                {
                    "label": "平凉",
                    "value": "平凉"
                },
                {
                    "label": "庆阳",
                    "value": "庆阳"
                },
                {
                    "label": "天水",
                    "value": "天水"
                },
                {
                    "label": "武威",
                    "value": "武威"
                },
                {
                    "label": "张掖",
                    "value": "张掖"
                }
            ]
        },
        {
            "label": "广东",
            "value": "广东",
            "children": [
                {
                    "label": "广州",
                    "value": "广州"
                },
                {
                    "label": "潮州",
                    "value": "潮州"
                },
                {
                    "label": "东莞",
                    "value": "东莞"
                },
                {
                    "label": "佛山",
                    "value": "佛山"
                },
                {
                    "label": "河源",
                    "value": "河源"
                },
                {
                    "label": "惠州",
                    "value": "惠州"
                },
                {
                    "label": "江门",
                    "value": "江门"
                },
                {
                    "label": "揭阳",
                    "value": "揭阳"
                },
                {
                    "label": "茂名",
                    "value": "茂名"
                },
                {
                    "label": "梅州",
                    "value": "梅州"
                },
                {
                    "label": "清远",
                    "value": "清远"
                },
                {
                    "label": "汕头",
                    "value": "汕头"
                },
                {
                    "label": "汕尾",
                    "value": "汕尾"
                },
                {
                    "label": "韶关",
                    "value": "韶关"
                },
                {
                    "label": "深圳",
                    "value": "深圳"
                },
                {
                    "label": "阳江",
                    "value": "阳江"
                },
                {
                    "label": "云浮",
                    "value": "云浮"
                },
                {
                    "label": "湛江",
                    "value": "湛江"
                },
                {
                    "label": "肇庆",
                    "value": "肇庆"
                },
                {
                    "label": "中山",
                    "value": "中山"
                },
                {
                    "label": "珠海",
                    "value": "珠海"
                }
            ]
        },
        {
            "label": "广西",
            "value": "广西",
            "children": [
                {
                    "label": "桂林",
                    "value": "桂林"
                },
                {
                    "label": "百色",
                    "value": "百色"
                },
                {
                    "label": "北海",
                    "value": "北海"
                },
                {
                    "label": "崇左",
                    "value": "崇左"
                },
                {
                    "label": "防城港",
                    "value": "防城港"
                },
                {
                    "label": "贵港",
                    "value": "贵港"
                },
                {
                    "label": "河池",
                    "value": "河池"
                },
                {
                    "label": "贺州",
                    "value": "贺州"
                },
                {
                    "label": "来宾",
                    "value": "来宾"
                },
                {
                    "label": "柳州",
                    "value": "柳州"
                },
                {
                    "label": "南宁",
                    "value": "南宁"
                },
                {
                    "label": "钦州",
                    "value": "钦州"
                },
                {
                    "label": "梧州",
                    "value": "梧州"
                },
                {
                    "label": "玉林",
                    "value": "玉林"
                }
            ]
        },
        {
            "label": "贵州",
            "value": "贵州",
            "children": [
                {
                    "label": "贵阳",
                    "value": "贵阳"
                },
                {
                    "label": "安顺",
                    "value": "安顺"
                },
                {
                    "label": "毕节",
                    "value": "毕节"
                },
                {
                    "label": "六盘水",
                    "value": "六盘水"
                },
                {
                    "label": "黔东南",
                    "value": "黔东南"
                },
                {
                    "label": "黔南",
                    "value": "黔南"
                },
                {
                    "label": "黔西南",
                    "value": "黔西南"
                },
                {
                    "label": "铜仁",
                    "value": "铜仁"
                },
                {
                    "label": "遵义",
                    "value": "遵义"
                }
            ]
        },
        {
            "label": "海南",
            "value": "海南",
            "children": [
                {
                    "label": "海口",
                    "value": "海口"
                },
                {
                    "label": "白沙",
                    "value": "白沙"
                },
                {
                    "label": "保亭",
                    "value": "保亭"
                },
                {
                    "label": "昌江",
                    "value": "昌江"
                },
                {
                    "label": "澄迈",
                    "value": "澄迈"
                },
                {
                    "label": "儋州",
                    "value": "儋州"
                },
                {
                    "label": "定安",
                    "value": "定安"
                },
                {
                    "label": "东方",
                    "value": "东方"
                },
                {
                    "label": "乐东",
                    "value": "乐东"
                },
                {
                    "label": "临高",
                    "value": "临高"
                },
                {
                    "label": "陵水",
                    "value": "陵水"
                },
                {
                    "label": "南沙群岛",
                    "value": "南沙群岛"
                },
                {
                    "label": "琼海",
                    "value": "琼海"
                },
                {
                    "label": "琼中",
                    "value": "琼中"
                },
                {
                    "label": "三亚",
                    "value": "三亚"
                },
                {
                    "label": "屯昌",
                    "value": "屯昌"
                },
                {
                    "label": "万宁",
                    "value": "万宁"
                },
                {
                    "label": "文昌",
                    "value": "文昌"
                },
                {
                    "label": "五指山",
                    "value": "五指山"
                },
                {
                    "label": "西沙群岛",
                    "value": "西沙群岛"
                },
                {
                    "label": "中沙群岛",
                    "value": "中沙群岛"
                }
            ]
        },
        {
            "label": "河北",
            "value": "河北",
            "children": [
                {
                    "label": "石家庄",
                    "value": "石家庄"
                },
                {
                    "label": "保定",
                    "value": "保定"
                },
                {
                    "label": "沧州",
                    "value": "沧州"
                },
                {
                    "label": "承德",
                    "value": "承德"
                },
                {
                    "label": "邯郸",
                    "value": "邯郸"
                },
                {
                    "label": "衡水",
                    "value": "衡水"
                },
                {
                    "label": "廊坊",
                    "value": "廊坊"
                },
                {
                    "label": "秦皇岛",
                    "value": "秦皇岛"
                },
                {
                    "label": "唐山",
                    "value": "唐山"
                },
                {
                    "label": "邢台",
                    "value": "邢台"
                },
                {
                    "label": "张家口",
                    "value": "张家口"
                }
            ]
        },
        {
            "label": "河南",
            "value": "河南",
            "children": [
                {
                    "label": "郑州",
                    "value": "郑州"
                },
                {
                    "label": "安阳",
                    "value": "安阳"
                },
                {
                    "label": "鹤壁",
                    "value": "鹤壁"
                },
                {
                    "label": "焦作",
                    "value": "焦作"
                },
                {
                    "label": "济源",
                    "value": "济源"
                },
                {
                    "label": "开封",
                    "value": "开封"
                },
                {
                    "label": "洛阳",
                    "value": "洛阳"
                },
                {
                    "label": "漯河",
                    "value": "漯河"
                },
                {
                    "label": "南阳",
                    "value": "南阳"
                },
                {
                    "label": "平顶山",
                    "value": "平顶山"
                },
                {
                    "label": "濮阳",
                    "value": "濮阳"
                },
                {
                    "label": "三门峡",
                    "value": "三门峡"
                },
                {
                    "label": "商丘",
                    "value": "商丘"
                },
                {
                    "label": "新乡",
                    "value": "新乡"
                },
                {
                    "label": "信阳",
                    "value": "信阳"
                },
                {
                    "label": "许昌",
                    "value": "许昌"
                },
                {
                    "label": "周口",
                    "value": "周口"
                },
                {
                    "label": "驻马店",
                    "value": "驻马店"
                }
            ]
        },
        {
            "label": "黑龙江",
            "value": "黑龙江",
            "children": [
                {
                    "label": "哈尔滨",
                    "value": "哈尔滨"
                },
                {
                    "label": "大庆",
                    "value": "大庆"
                },
                {
                    "label": "大兴安岭",
                    "value": "大兴安岭"
                },
                {
                    "label": "鹤岗",
                    "value": "鹤岗"
                },
                {
                    "label": "黑河",
                    "value": "黑河"
                },
                {
                    "label": "鸡西",
                    "value": "鸡西"
                },
                {
                    "label": "佳木斯",
                    "value": "佳木斯"
                },
                {
                    "label": "牡丹江",
                    "value": "牡丹江"
                },
                {
                    "label": "七台河",
                    "value": "七台河"
                },
                {
                    "label": "齐齐哈尔",
                    "value": "齐齐哈尔"
                },
                {
                    "label": "双鸭山",
                    "value": "双鸭山"
                },
                {
                    "label": "绥化",
                    "value": "绥化"
                },
                {
                    "label": "伊春",
                    "value": "伊春"
                }
            ]
        },
        {
            "label": "湖北",
            "value": "湖北",
            "children": [
                {
                    "label": "武汉",
                    "value": "武汉"
                },
                {
                    "label": "鄂州",
                    "value": "鄂州"
                },
                {
                    "label": "恩施",
                    "value": "恩施"
                },
                {
                    "label": "黄冈",
                    "value": "黄冈"
                },
                {
                    "label": "黄石",
                    "value": "黄石"
                },
                {
                    "label": "荆门",
                    "value": "荆门"
                },
                {
                    "label": "荆州",
                    "value": "荆州"
                },
                {
                    "label": "潜江",
                    "value": "潜江"
                },
                {
                    "label": "神农架",
                    "value": "神农架"
                },
                {
                    "label": "十堰",
                    "value": "十堰"
                },
                {
                    "label": "随州",
                    "value": "随州"
                },
                {
                    "label": "天门",
                    "value": "天门"
                },
                {
                    "label": "仙桃",
                    "value": "仙桃"
                },
                {
                    "label": "咸宁",
                    "value": "咸宁"
                },
                {
                    "label": "襄樊",
                    "value": "襄樊"
                },
                {
                    "label": "孝感",
                    "value": "孝感"
                },
                {
                    "label": "宜昌",
                    "value": "宜昌"
                }
            ]
        },
        {
            "label": "湖南",
            "value": "湖南",
            "children": [
                {
                    "label": "长沙",
                    "value": "长沙"
                },
                {
                    "label": "常德",
                    "value": "常德"
                },
                {
                    "label": "郴州",
                    "value": "郴州"
                },
                {
                    "label": "衡阳",
                    "value": "衡阳"
                },
                {
                    "label": "怀化",
                    "value": "怀化"
                },
                {
                    "label": "娄底",
                    "value": "娄底"
                },
                {
                    "label": "邵阳",
                    "value": "邵阳"
                },
                {
                    "label": "湘潭",
                    "value": "湘潭"
                },
                {
                    "label": "湘西",
                    "value": "湘西"
                },
                {
                    "label": "益阳",
                    "value": "益阳"
                },
                {
                    "label": "永州",
                    "value": "永州"
                },
                {
                    "label": "岳阳",
                    "value": "岳阳"
                },
                {
                    "label": "张家界",
                    "value": "张家界"
                },
                {
                    "label": "株洲",
                    "value": "株洲"
                }
            ]
        },
        {
            "label": "吉林",
            "value": "吉林",
            "children": [
                {
                    "label": "长春",
                    "value": "长春"
                },
                {
                    "label": "白城",
                    "value": "白城"
                },
                {
                    "label": "白山",
                    "value": "白山"
                },
                {
                    "label": "吉林",
                    "value": "吉林"
                },
                {
                    "label": "辽源",
                    "value": "辽源"
                },
                {
                    "label": "四平",
                    "value": "四平"
                },
                {
                    "label": "松原",
                    "value": "松原"
                },
                {
                    "label": "通化",
                    "value": "通化"
                },
                {
                    "label": "延边",
                    "value": "延边"
                }
            ]
        },
        {
            "label": "江苏",
            "value": "江苏",
            "children": [
                {
                    "label": "南京",
                    "value": "南京"
                },
                {
                    "label": "常州",
                    "value": "常州"
                },
                {
                    "label": "淮安",
                    "value": "淮安"
                },
                {
                    "label": "连云港",
                    "value": "连云港"
                },
                {
                    "label": "南通",
                    "value": "南通"
                },
                {
                    "label": "苏州",
                    "value": "苏州"
                },
                {
                    "label": "宿迁",
                    "value": "宿迁"
                },
                {
                    "label": "泰州",
                    "value": "泰州"
                },
                {
                    "label": "无锡",
                    "value": "无锡"
                },
                {
                    "label": "徐州",
                    "value": "徐州"
                },
                {
                    "label": "盐城",
                    "value": "盐城"
                },
                {
                    "label": "扬州",
                    "value": "扬州"
                },
                {
                    "label": "镇江",
                    "value": "镇江"
                }
            ]
        },
        {
            "label": "江西",
            "value": "江西",
            "children": [
                {
                    "label": "南昌",
                    "value": "南昌"
                },
                {
                    "label": "抚州",
                    "value": "抚州"
                },
                {
                    "label": "赣州",
                    "value": "赣州"
                },
                {
                    "label": "吉安",
                    "value": "吉安"
                },
                {
                    "label": "景德镇",
                    "value": "景德镇"
                },
                {
                    "label": "九江",
                    "value": "九江"
                },
                {
                    "label": "萍乡",
                    "value": "萍乡"
                },
                {
                    "label": "上饶",
                    "value": "上饶"
                },
                {
                    "label": "新余",
                    "value": "新余"
                },
                {
                    "label": "宜春",
                    "value": "宜春"
                },
                {
                    "label": "鹰潭",
                    "value": "鹰潭"
                }
            ]
        },
        {
            "label": "辽宁",
            "value": "辽宁",
            "children": [
                {
                    "label": "沈阳",
                    "value": "沈阳"
                },
                {
                    "label": "鞍山",
                    "value": "鞍山"
                },
                {
                    "label": "本溪",
                    "value": "本溪"
                },
                {
                    "label": "朝阳市",
                    "value": "朝阳市"
                },
                {
                    "label": "大连",
                    "value": "大连"
                },
                {
                    "label": "丹东",
                    "value": "丹东"
                },
                {
                    "label": "抚顺",
                    "value": "抚顺"
                },
                {
                    "label": "阜新",
                    "value": "阜新"
                },
                {
                    "label": "葫芦岛",
                    "value": "葫芦岛"
                },
                {
                    "label": "锦州",
                    "value": "锦州"
                },
                {
                    "label": "辽阳",
                    "value": "辽阳"
                },
                {
                    "label": "盘锦",
                    "value": "盘锦"
                },
                {
                    "label": "铁岭",
                    "value": "铁岭"
                },
                {
                    "label": "营口",
                    "value": "营口"
                }
            ]
        },
        {
            "label": "内蒙古",
            "value": "内蒙古",
            "children": [
                {
                    "label": "呼和浩特",
                    "value": "呼和浩特"
                },
                {
                    "label": "阿拉善",
                    "value": "阿拉善"
                },
                {
                    "label": "巴彦淖尔",
                    "value": "巴彦淖尔"
                },
                {
                    "label": "包头",
                    "value": "包头"
                },
                {
                    "label": "赤峰",
                    "value": "赤峰"
                },
                {
                    "label": "鄂尔多斯",
                    "value": "鄂尔多斯"
                },
                {
                    "label": "呼伦贝尔",
                    "value": "呼伦贝尔"
                },
                {
                    "label": "通辽",
                    "value": "通辽"
                },
                {
                    "label": "乌海",
                    "value": "乌海"
                },
                {
                    "label": "乌兰察布",
                    "value": "乌兰察布"
                },
                {
                    "label": "锡林郭勒",
                    "value": "锡林郭勒"
                },
                {
                    "label": "兴安",
                    "value": "兴安"
                }
            ]
        },
        {
            "label": "宁夏",
            "value": "宁夏",
            "children": [
                {
                    "label": "银川",
                    "value": "银川"
                },
                {
                    "label": "固原",
                    "value": "固原"
                },
                {
                    "label": "石嘴山",
                    "value": "石嘴山"
                },
                {
                    "label": "吴忠",
                    "value": "吴忠"
                },
                {
                    "label": "中卫",
                    "value": "中卫"
                }
            ]
        },
        {
            "label": "青海",
            "value": "青海",
            "children": [
                {
                    "label": "西宁",
                    "value": "西宁"
                },
                {
                    "label": "果洛",
                    "value": "果洛"
                },
                {
                    "label": "海北",
                    "value": "海北"
                },
                {
                    "label": "海东",
                    "value": "海东"
                },
                {
                    "label": "海南",
                    "value": "海南"
                },
                {
                    "label": "海西",
                    "value": "海西"
                },
                {
                    "label": "黄南",
                    "value": "黄南"
                },
                {
                    "label": "玉树",
                    "value": "玉树"
                }
            ]
        },
        {
            "label": "山东",
            "value": "山东",
            "children": [
                {
                    "label": "济南",
                    "value": "济南"
                },
                {
                    "label": "滨州",
                    "value": "滨州"
                },
                {
                    "label": "德州",
                    "value": "德州"
                },
                {
                    "label": "东营",
                    "value": "东营"
                },
                {
                    "label": "菏泽",
                    "value": "菏泽"
                },
                {
                    "label": "济宁",
                    "value": "济宁"
                },
                {
                    "label": "莱芜",
                    "value": "莱芜"
                },
                {
                    "label": "聊城",
                    "value": "聊城"
                },
                {
                    "label": "临沂",
                    "value": "临沂"
                },
                {
                    "label": "青岛",
                    "value": "青岛"
                },
                {
                    "label": "日照",
                    "value": "日照"
                },
                {
                    "label": "泰安",
                    "value": "泰安"
                },
                {
                    "label": "威海",
                    "value": "威海"
                },
                {
                    "label": "潍坊",
                    "value": "潍坊"
                },
                {
                    "label": "烟台",
                    "value": "烟台"
                },
                {
                    "label": "枣庄",
                    "value": "枣庄"
                },
                {
                    "label": "淄博",
                    "value": "淄博"
                }
            ]
        },
        {
            "label": "山西",
            "value": "山西",
            "children": [
                {
                    "label": "太原",
                    "value": "太原"
                },
                {
                    "label": "长治",
                    "value": "长治"
                },
                {
                    "label": "大同",
                    "value": "大同"
                },
                {
                    "label": "晋城",
                    "value": "晋城"
                },
                {
                    "label": "晋中",
                    "value": "晋中"
                },
                {
                    "label": "临汾",
                    "value": "临汾"
                },
                {
                    "label": "吕梁",
                    "value": "吕梁"
                },
                {
                    "label": "朔州",
                    "value": "朔州"
                },
                {
                    "label": "忻州",
                    "value": "忻州"
                },
                {
                    "label": "阳泉",
                    "value": "阳泉"
                },
                {
                    "label": "运城",
                    "value": "运城"
                }
            ]
        },
        {
            "label": "陕西",
            "value": "陕西",
            "children": [
                {
                    "label": "西安",
                    "value": "西安"
                },
                {
                    "label": "安康",
                    "value": "安康"
                },
                {
                    "label": "宝鸡",
                    "value": "宝鸡"
                },
                {
                    "label": "汉中",
                    "value": "汉中"
                },
                {
                    "label": "商洛",
                    "value": "商洛"
                },
                {
                    "label": "铜川",
                    "value": "铜川"
                },
                {
                    "label": "渭南",
                    "value": "渭南"
                },
                {
                    "label": "咸阳",
                    "value": "咸阳"
                },
                {
                    "label": "延安",
                    "value": "延安"
                },
                {
                    "label": "榆林",
                    "value": "榆林"
                }
            ]
        },
        {
            "label": "上海",
            "value": "上海",
            "children": [
                {
                    "label": "宝山",
                    "value": "宝山"
                },
                {
                    "label": "长宁",
                    "value": "长宁"
                },
                {
                    "label": "崇明",
                    "value": "崇明"
                },
                {
                    "label": "奉贤",
                    "value": "奉贤"
                },
                {
                    "label": "虹口",
                    "value": "虹口"
                },
                {
                    "label": "黄浦",
                    "value": "黄浦"
                },
                {
                    "label": "嘉定",
                    "value": "嘉定"
                },
                {
                    "label": "金山",
                    "value": "金山"
                },
                {
                    "label": "静安",
                    "value": "静安"
                },
                {
                    "label": "卢湾",
                    "value": "卢湾"
                },
                {
                    "label": "闵行",
                    "value": "闵行"
                },
                {
                    "label": "南汇",
                    "value": "南汇"
                },
                {
                    "label": "浦东",
                    "value": "浦东"
                },
                {
                    "label": "普陀",
                    "value": "普陀"
                },
                {
                    "label": "青浦",
                    "value": "青浦"
                },
                {
                    "label": "松江",
                    "value": "松江"
                },
                {
                    "label": "徐汇",
                    "value": "徐汇"
                },
                {
                    "label": "杨浦",
                    "value": "杨浦"
                },
                {
                    "label": "闸北",
                    "value": "闸北"
                }
            ]
        },
        {
            "label": "四川",
            "value": "四川",
            "children": [
                {
                    "label": "成都",
                    "value": "成都"
                },
                {
                    "label": "阿坝",
                    "value": "阿坝"
                },
                {
                    "label": "巴中",
                    "value": "巴中"
                },
                {
                    "label": "达州",
                    "value": "达州"
                },
                {
                    "label": "德阳",
                    "value": "德阳"
                },
                {
                    "label": "甘孜",
                    "value": "甘孜"
                },
                {
                    "label": "广安",
                    "value": "广安"
                },
                {
                    "label": "广元",
                    "value": "广元"
                },
                {
                    "label": "乐山",
                    "value": "乐山"
                },
                {
                    "label": "凉山",
                    "value": "凉山"
                },
                {
                    "label": "泸州",
                    "value": "泸州"
                },
                {
                    "label": "眉山",
                    "value": "眉山"
                },
                {
                    "label": "绵阳",
                    "value": "绵阳"
                },
                {
                    "label": "内江",
                    "value": "内江"
                },
                {
                    "label": "南充",
                    "value": "南充"
                },
                {
                    "label": "攀枝花",
                    "value": "攀枝花"
                },
                {
                    "label": "遂宁",
                    "value": "遂宁"
                },
                {
                    "label": "雅安",
                    "value": "雅安"
                },
                {
                    "label": "宜宾",
                    "value": "宜宾"
                },
                {
                    "label": "资阳",
                    "value": "资阳"
                },
                {
                    "label": "自贡",
                    "value": "自贡"
                }
            ]
        },
        {
            "label": "台湾",
            "value": "台湾",
            "children": [
                {
                    "label": "台北",
                    "value": "台北"
                },
                {
                    "label": "阿莲",
                    "value": "阿莲"
                },
                {
                    "label": "安定",
                    "value": "安定"
                },
                {
                    "label": "安平",
                    "value": "安平"
                },
                {
                    "label": "八德",
                    "value": "八德"
                },
                {
                    "label": "八里",
                    "value": "八里"
                },
                {
                    "label": "白沙市",
                    "value": "白沙市"
                },
                {
                    "label": "板桥",
                    "value": "板桥"
                },
                {
                    "label": "褒忠",
                    "value": "褒忠"
                },
                {
                    "label": "宝山市",
                    "value": "宝山市"
                },
                {
                    "label": "卑南",
                    "value": "卑南"
                },
                {
                    "label": "北斗",
                    "value": "北斗"
                },
                {
                    "label": "北港",
                    "value": "北港"
                },
                {
                    "label": "北门",
                    "value": "北门"
                },
                {
                    "label": "北埔",
                    "value": "北埔"
                },
                {
                    "label": "北投",
                    "value": "北投"
                },
                {
                    "label": "补子",
                    "value": "补子"
                },
                {
                    "label": "布袋",
                    "value": "布袋"
                },
                {
                    "label": "草屯",
                    "value": "草屯"
                },
                {
                    "label": "长宾",
                    "value": "长宾"
                },
                {
                    "label": "长治市",
                    "value": "长治市"
                },
                {
                    "label": "潮州市",
                    "value": "潮州市"
                },
                {
                    "label": "车城",
                    "value": "车城"
                },
                {
                    "label": "成功",
                    "value": "成功"
                },
                {
                    "label": "城中区",
                    "value": "城中区"
                },
                {
                    "label": "池上",
                    "value": "池上"
                },
                {
                    "label": "春日",
                    "value": "春日"
                },
                {
                    "label": "刺桐",
                    "value": "刺桐"
                },
                {
                    "label": "高雄",
                    "value": "高雄"
                },
                {
                    "label": "花莲",
                    "value": "花莲"
                },
                {
                    "label": "基隆",
                    "value": "基隆"
                },
                {
                    "label": "嘉义",
                    "value": "嘉义"
                },
                {
                    "label": "苗栗",
                    "value": "苗栗"
                },
                {
                    "label": "南投",
                    "value": "南投"
                },
                {
                    "label": "屏东",
                    "value": "屏东"
                },
                {
                    "label": "台东",
                    "value": "台东"
                },
                {
                    "label": "台南",
                    "value": "台南"
                },
                {
                    "label": "台中",
                    "value": "台中"
                },
                {
                    "label": "桃园",
                    "value": "桃园"
                },
                {
                    "label": "新竹",
                    "value": "新竹"
                },
                {
                    "label": "宜兰",
                    "value": "宜兰"
                },
                {
                    "label": "彰化",
                    "value": "彰化"
                }
            ]
        },
        {
            "label": "天津",
            "value": "天津",
            "children": [
                {
                    "label": "宝坻",
                    "value": "宝坻"
                },
                {
                    "label": "北辰",
                    "value": "北辰"
                },
                {
                    "label": "大港",
                    "value": "大港"
                },
                {
                    "label": "东丽",
                    "value": "东丽"
                },
                {
                    "label": "汉沽",
                    "value": "汉沽"
                },
                {
                    "label": "和平",
                    "value": "和平"
                },
                {
                    "label": "河北",
                    "value": "河北"
                },
                {
                    "label": "河东",
                    "value": "河东"
                },
                {
                    "label": "河西",
                    "value": "河西"
                },
                {
                    "label": "红桥",
                    "value": "红桥"
                },
                {
                    "label": "蓟县",
                    "value": "蓟县"
                },
                {
                    "label": "津南",
                    "value": "津南"
                },
                {
                    "label": "静海",
                    "value": "静海"
                },
                {
                    "label": "南开",
                    "value": "南开"
                },
                {
                    "label": "宁河",
                    "value": "宁河"
                },
                {
                    "label": "塘沽",
                    "value": "塘沽"
                },
                {
                    "label": "武清",
                    "value": "武清"
                },
                {
                    "label": "西青",
                    "value": "西青"
                }
            ]
        },
        {
            "label": "西藏",
            "value": "西藏",
            "children": [
                {
                    "label": "拉萨",
                    "value": "拉萨"
                },
                {
                    "label": "阿里",
                    "value": "阿里"
                },
                {
                    "label": "昌都",
                    "value": "昌都"
                },
                {
                    "label": "林芝",
                    "value": "林芝"
                },
                {
                    "label": "那曲",
                    "value": "那曲"
                },
                {
                    "label": "日喀则",
                    "value": "日喀则"
                },
                {
                    "label": "山南",
                    "value": "山南"
                }
            ]
        },
        {
            "label": "香港",
            "value": "香港",
            "children": [
                {
                    "label": "北区",
                    "value": "北区"
                },
                {
                    "label": "大埔区",
                    "value": "大埔区"
                },
                {
                    "label": "东区",
                    "value": "东区"
                },
                {
                    "label": "观塘区",
                    "value": "观塘区"
                },
                {
                    "label": "黄大仙区",
                    "value": "黄大仙区"
                },
                {
                    "label": "九龙",
                    "value": "九龙"
                },
                {
                    "label": "葵青区",
                    "value": "葵青区"
                },
                {
                    "label": "离岛区",
                    "value": "离岛区"
                },
                {
                    "label": "南区",
                    "value": "南区"
                },
                {
                    "label": "荃湾区",
                    "value": "荃湾区"
                },
                {
                    "label": "沙田区",
                    "value": "沙田区"
                },
                {
                    "label": "深水湾",
                    "value": "深水湾"
                },
                {
                    "label": "屯门区",
                    "value": "屯门区"
                },
                {
                    "label": "湾仔区",
                    "value": "湾仔区"
                },
                {
                    "label": "西贡区",
                    "value": "西贡区"
                },
                {
                    "label": "香港",
                    "value": "香港"
                },
                {
                    "label": "新界",
                    "value": "新界"
                },
                {
                    "label": "油尖旺区",
                    "value": "油尖旺区"
                },
                {
                    "label": "元朗区",
                    "value": "元朗区"
                },
                {
                    "label": "中西区",
                    "value": "中西区"
                }
            ]
        },
        {
            "label": "新疆",
            "value": "新疆",
            "children": [
                {
                    "label": "乌鲁木齐",
                    "value": "乌鲁木齐"
                },
                {
                    "label": "阿克苏",
                    "value": "阿克苏"
                },
                {
                    "label": "阿拉尔",
                    "value": "阿拉尔"
                },
                {
                    "label": "阿勒泰",
                    "value": "阿勒泰"
                },
                {
                    "label": "巴音郭楞",
                    "value": "巴音郭楞"
                },
                {
                    "label": "博尔塔拉",
                    "value": "博尔塔拉"
                },
                {
                    "label": "昌吉",
                    "value": "昌吉"
                },
                {
                    "label": "哈密",
                    "value": "哈密"
                },
                {
                    "label": "和田",
                    "value": "和田"
                },
                {
                    "label": "喀什",
                    "value": "喀什"
                },
                {
                    "label": "克拉玛依",
                    "value": "克拉玛依"
                },
                {
                    "label": "克孜勒苏柯尔克孜",
                    "value": "克孜勒苏柯尔克孜"
                },
                {
                    "label": "石河子",
                    "value": "石河子"
                },
                {
                    "label": "塔城",
                    "value": "塔城"
                },
                {
                    "label": "图木舒克",
                    "value": "图木舒克"
                },
                {
                    "label": "吐鲁番",
                    "value": "吐鲁番"
                },
                {
                    "label": "五家渠",
                    "value": "五家渠"
                },
                {
                    "label": "伊犁",
                    "value": "伊犁"
                }
            ]
        },
        {
            "label": "云南",
            "value": "云南",
            "children": [
                {
                    "label": "昆明",
                    "value": "昆明"
                },
                {
                    "label": "保山",
                    "value": "保山"
                },
                {
                    "label": "楚雄",
                    "value": "楚雄"
                },
                {
                    "label": "大理",
                    "value": "大理"
                },
                {
                    "label": "德宏",
                    "value": "德宏"
                },
                {
                    "label": "迪庆",
                    "value": "迪庆"
                },
                {
                    "label": "红河",
                    "value": "红河"
                },
                {
                    "label": "丽江",
                    "value": "丽江"
                },
                {
                    "label": "临沧",
                    "value": "临沧"
                },
                {
                    "label": "怒江",
                    "value": "怒江"
                },
                {
                    "label": "曲靖",
                    "value": "曲靖"
                },
                {
                    "label": "思茅",
                    "value": "思茅"
                },
                {
                    "label": "文山",
                    "value": "文山"
                },
                {
                    "label": "西双版纳",
                    "value": "西双版纳"
                },
                {
                    "label": "玉溪",
                    "value": "玉溪"
                },
                {
                    "label": "昭通",
                    "value": "昭通"
                }
            ]
        },
        {
            "label": "浙江",
            "value": "浙江",
            "children": [
                {
                    "label": "杭州",
                    "value": "杭州"
                },
                {
                    "label": "湖州",
                    "value": "湖州"
                },
                {
                    "label": "嘉兴",
                    "value": "嘉兴"
                },
                {
                    "label": "金华",
                    "value": "金华"
                },
                {
                    "label": "丽水",
                    "value": "丽水"
                },
                {
                    "label": "宁波",
                    "value": "宁波"
                },
                {
                    "label": "衢州",
                    "value": "衢州"
                },
                {
                    "label": "绍兴",
                    "value": "绍兴"
                },
                {
                    "label": "台州",
                    "value": "台州"
                },
                {
                    "label": "温州",
                    "value": "温州"
                },
                {
                    "label": "舟山",
                    "value": "舟山"
                }
            ]
        },
        {
            "label": "重庆",
            "value": "重庆",
            "children": [
                {
                    "label": "巴南",
                    "value": "巴南"
                },
                {
                    "label": "北碚",
                    "value": "北碚"
                },
                {
                    "label": "璧山",
                    "value": "璧山"
                },
                {
                    "label": "长寿",
                    "value": "长寿"
                },
                {
                    "label": "城口",
                    "value": "城口"
                },
                {
                    "label": "大渡口",
                    "value": "大渡口"
                },
                {
                    "label": "大足",
                    "value": "大足"
                },
                {
                    "label": "垫江",
                    "value": "垫江"
                },
                {
                    "label": "丰都",
                    "value": "丰都"
                },
                {
                    "label": "奉节",
                    "value": "奉节"
                },
                {
                    "label": "涪陵",
                    "value": "涪陵"
                },
                {
                    "label": "合川",
                    "value": "合川"
                },
                {
                    "label": "江北",
                    "value": "江北"
                },
                {
                    "label": "江津",
                    "value": "江津"
                },
                {
                    "label": "九龙坡",
                    "value": "九龙坡"
                },
                {
                    "label": "开县",
                    "value": "开县"
                },
                {
                    "label": "梁平",
                    "value": "梁平"
                },
                {
                    "label": "南岸",
                    "value": "南岸"
                },
                {
                    "label": "南川",
                    "value": "南川"
                },
                {
                    "label": "彭水",
                    "value": "彭水"
                },
                {
                    "label": "綦江",
                    "value": "綦江"
                },
                {
                    "label": "黔江",
                    "value": "黔江"
                },
                {
                    "label": "荣昌",
                    "value": "荣昌"
                },
                {
                    "label": "沙坪坝",
                    "value": "沙坪坝"
                },
                {
                    "label": "石柱",
                    "value": "石柱"
                },
                {
                    "label": "双桥",
                    "value": "双桥"
                },
                {
                    "label": "铜梁",
                    "value": "铜梁"
                },
                {
                    "label": "潼南",
                    "value": "潼南"
                },
                {
                    "label": "万盛",
                    "value": "万盛"
                },
                {
                    "label": "万州",
                    "value": "万州"
                },
                {
                    "label": "巫山",
                    "value": "巫山"
                },
                {
                    "label": "巫溪",
                    "value": "巫溪"
                },
                {
                    "label": "武隆",
                    "value": "武隆"
                },
                {
                    "label": "秀山",
                    "value": "秀山"
                },
                {
                    "label": "永川",
                    "value": "永川"
                },
                {
                    "label": "酉阳",
                    "value": "酉阳"
                },
                {
                    "label": "渝北",
                    "value": "渝北"
                },
                {
                    "label": "渝中",
                    "value": "渝中"
                },
                {
                    "label": "云阳",
                    "value": "云阳"
                },
                {
                    "label": "忠县",
                    "value": "忠县"
                }
            ]
        },
        {
            "label": "其他",
            "value": "其他",
            "children": [
                {
                    "label": "阿根廷",
                    "value": "阿根廷"
                },
                {
                    "label": "埃及",
                    "value": "埃及"
                },
                {
                    "label": "爱尔兰",
                    "value": "爱尔兰"
                },
                {
                    "label": "奥地利",
                    "value": "奥地利"
                },
                {
                    "label": "奥克兰",
                    "value": "奥克兰"
                },
                {
                    "label": "澳大利亚",
                    "value": "澳大利亚"
                },
                {
                    "label": "巴基斯坦",
                    "value": "巴基斯坦"
                },
                {
                    "label": "巴西",
                    "value": "巴西"
                },
                {
                    "label": "保加利亚",
                    "value": "保加利亚"
                },
                {
                    "label": "比利时",
                    "value": "比利时"
                },
                {
                    "label": "冰岛",
                    "value": "冰岛"
                },
                {
                    "label": "朝鲜",
                    "value": "朝鲜"
                },
                {
                    "label": "丹麦",
                    "value": "丹麦"
                },
                {
                    "label": "德国",
                    "value": "德国"
                },
                {
                    "label": "俄罗斯",
                    "value": "俄罗斯"
                },
                {
                    "label": "法国",
                    "value": "法国"
                },
                {
                    "label": "菲律宾",
                    "value": "菲律宾"
                },
                {
                    "label": "芬兰",
                    "value": "芬兰"
                },
                {
                    "label": "哥伦比亚",
                    "value": "哥伦比亚"
                },
                {
                    "label": "韩国",
                    "value": "韩国"
                },
                {
                    "label": "荷兰",
                    "value": "荷兰"
                },
                {
                    "label": "加拿大",
                    "value": "加拿大"
                },
                {
                    "label": "柬埔寨",
                    "value": "柬埔寨"
                },
                {
                    "label": "喀麦隆",
                    "value": "喀麦隆"
                },
                {
                    "label": "老挝",
                    "value": "老挝"
                },
                {
                    "label": "卢森堡",
                    "value": "卢森堡"
                },
                {
                    "label": "罗马尼亚",
                    "value": "罗马尼亚"
                },
                {
                    "label": "马达加斯加",
                    "value": "马达加斯加"
                },
                {
                    "label": "马来西亚",
                    "value": "马来西亚"
                },
                {
                    "label": "毛里求斯",
                    "value": "毛里求斯"
                },
                {
                    "label": "美国",
                    "value": "美国"
                },
                {
                    "label": "秘鲁",
                    "value": "秘鲁"
                },
                {
                    "label": "缅甸",
                    "value": "缅甸"
                },
                {
                    "label": "墨西哥",
                    "value": "墨西哥"
                },
                {
                    "label": "南非",
                    "value": "南非"
                },
                {
                    "label": "尼泊尔",
                    "value": "尼泊尔"
                },
                {
                    "label": "挪威",
                    "value": "挪威"
                },
                {
                    "label": "葡萄牙",
                    "value": "葡萄牙"
                },
                {
                    "label": "其它地区",
                    "value": "其它地区"
                },
                {
                    "label": "日本",
                    "value": "日本"
                },
                {
                    "label": "瑞典",
                    "value": "瑞典"
                },
                {
                    "label": "瑞士",
                    "value": "瑞士"
                },
                {
                    "label": "斯里兰卡",
                    "value": "斯里兰卡"
                },
                {
                    "label": "泰国",
                    "value": "泰国"
                },
                {
                    "label": "土耳其",
                    "value": "土耳其"
                },
                {
                    "label": "委内瑞拉",
                    "value": "委内瑞拉"
                },
                {
                    "label": "文莱",
                    "value": "文莱"
                },
                {
                    "label": "乌克兰",
                    "value": "乌克兰"
                },
                {
                    "label": "西班牙",
                    "value": "西班牙"
                },
                {
                    "label": "希腊",
                    "value": "希腊"
                },
                {
                    "label": "新加坡",
                    "value": "新加坡"
                },
                {
                    "label": "新西兰",
                    "value": "新西兰"
                },
                {
                    "label": "匈牙利",
                    "value": "匈牙利"
                },
                {
                    "label": "以色列",
                    "value": "以色列"
                },
                {
                    "label": "意大利",
                    "value": "意大利"
                },
                {
                    "label": "印度",
                    "value": "印度"
                },
                {
                    "label": "印度尼西亚",
                    "value": "印度尼西亚"
                },
                {
                    "label": "英国",
                    "value": "英国"
                },
                {
                    "label": "越南",
                    "value": "越南"
                },
                {
                    "label": "智利",
                    "value": "智利"
                }
            ]
        }
    ]
    

    将测试用的 Cascader options 替换为这个,即可,好了,收工。

    Unhandled Rejection (TypeError): Cannot add property ProvinceCity, object is not extensible

    useEffect(async () => {
      props.ProvinceCity = ["山东", "烟台"];
    }, []); // mount 和 unmount 时执行
    

    React 真是一段时间不用,就完全不得要领。

    尝试在传入组件前,增加字段。

    {
      title: "操作",
      dataIndex: 'option',
      valueType: 'option',
      render: (_, record) => [
    	<a
    	  key="config"
    	  onClick={() => {
    		handleFormVisible(true);
    		record.ProvinceCity = ["山东", "烟台"];		// 增加代码行
    		setCurrentRow(record);
    	  }}
    	>
    	  编辑
    	</a>,
      ],
    },
    

    这样就可以了。

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式