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

Question

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

跟这个组件结合起来

最终实现的效果

Answer 1

把市和区按照children嵌套

arr.map(item => {
  console.log(item);
  return {
    value:item.name,
    label:item.name,
    children: item.city.map(city => {
      return {
        name:city.name,
        label:item.name,
        children:city.area.map(area => {
          return {
          name: area,
          label:area
        }
      })
      }
    })
  }
})