标签搜索

React无限极菜单生成

cicaba
2017-12-16 / 0 评论 / 1 阅读 / 正在检测是否收录...
//创建无菜单
  generateMenu(menuObj) {
    let vdom = [];
    if (menuObj instanceof Array) { //判断是否为数组
      let list = [];
      for (var item of menuObj) { //把数组内的数据再次传入(递归点)
        list.push(this.generateMenu(item));
      }
      //为数组就添加ULul
      vdom.push(
        <ul key='single'>
          {list}
        </ul>
      );
    } else {
      if(!menuObj){
        return
      }
      //为对象时添加li
      vdom.push(
        <li key={menuObj.ModuleId} data-id={menuObj.ModuleId}>
          {menuObj.ModuleName}
          {this.generateMenu(menuObj.child)}
        </li>
      );
    }
    return vdom;
  }
0

评论 (0)

取消