第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

antd 根據(jù) json 數(shù)據(jù)動態(tài)生成 menu

antd 根據(jù) json 數(shù)據(jù)動態(tài)生成 menu

哆啦的時光機 2018-11-06 16:13:12
如題：根據(jù)json數(shù)據(jù)動態(tài)生成 menu,json數(shù)據(jù)的深度不固定，所以menu不能直接固定死嵌套幾層map循環(huán)，其中children為submenu，謝謝。json 數(shù)據(jù)范例如下：根據(jù)json范例數(shù)據(jù)生成的menu如下
查看完整描述

1 回答

?
陪伴而非守候

TA貢獻1757條經(jīng)驗 獲得超8個贊

用遞歸可以實現(xiàn)，具體代碼如下：

class Sider extends Component {

  constructor() {

    super()

  }


  recursion(dataSource) {

    return (

      dataSource.map((menu, index) => {

        if (menu.children) {

          return (

            <SubMenu key={menu.key} title={menu.title}>

              {this.recursion(menu.children)}

            </SubMenu>

          )

        } else {

          return (<Menu.Item key={menu.key}>{menu.title}</Menu.Item>)

        }

      })

    )

  }


  render() {

    return (

      <Menu

        mode="inline"

        style={{ width: 240 }}

      >

      {

        this.recursion(data)

      }

      </Menu>

    );

  }

}


查看完整回答
1 反對 回復 2018-12-03
  • 1 回答
  • 0 關注
  • 2321 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號