在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ Ant Design 的級聯(lián)選擇 Cascader 怎么使用json數(shù)據(jù)寫城市聯(lián)

Ant Design 的級聯(lián)選擇 Cascader 怎么使用json數(shù)據(jù)寫城市聯(lián)動呢？

ant design的Cascader 選擇器怎么跟json數(shù)據(jù)結(jié)合起來寫城市聯(lián)動呢？
就是這種json格式應(yīng)該怎么解析才能讓這個組件使用？
json數(shù)據(jù)是這個圖片描述

跟這個組件結(jié)合起來
圖片描述

最終實現(xiàn)的效果
圖片描述

回答
編輯回答
陌如玉

把市和區(qū)按照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
        }
      })
      }
    })
  }
})
2018年1月2日 21:29