Ant Design 的级联选择 Cascader 怎么使用json数据写城市联动呢？

Question

ant design的Cascader 选择器怎么跟json数据结合起来写城市联动呢？
就是这种json格式应该怎么解析才能让这个组件使用？
json数据是这个

最终效果

Answer 1

文档里面写的很清楚啊 要这样的格式的才行 https://ant.design/components...

const options = [{
  value: 'zhejiang',
  label: 'Zhejiang',
  children: [{
    value: 'hangzhou',
    label: 'Hangzhou',
    children: [{
      value: 'xihu',
      label: 'West Lake',
    }],
  }],
}, {
  value: 'jiangsu',
  label: 'Jiangsu',
  children: [{
    value: 'nanjing',
    label: 'Nanjing',
    children: [{
      value: 'zhonghuamen',
      label: 'Zhong Hua Men',
    }],
  }],
}];

Answer 2

楼上说的对，，在获取到数据后给数据List后给数据的每个对象元素添加lable和value
如图：