博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react中递归生成列表
阅读量:4656 次
发布时间:2019-06-09

本文共 2133 字,大约阅读时间需要 7 分钟。

import React, {Component} from 'react';import { Menu, Icon } from 'antd';import {Link} from 'react-router-dom';const menuList = [    {        title: '首页', // 菜单标题名称        key: '/home', // 对应的 path        icon: 'home', // 图标名称    },    {        title: '商品',        key: '/products',        icon: 'appstore',        children: [ // 子菜单列表            {                title: '品类管理',                key: '/category',                icon: 'bars'            },            {                title: '商品管理',                key: '/product',                icon: 'tool'            },        ]    },    {        title: '用户管理',        key: '/user',        icon: 'user'    },    {        title: '角色管理',        key: '/role',        icon: 'safety',    },    {        title: '图形图表',        key: '/charts',        icon: 'area-chart',        children: [            {                title: '柱形图',                key: '/charts/bar',                icon: 'bar-chart'            },            {                title: '折线图',                key: '/charts/line',                icon: 'line-chart'            },            {                title: '饼图',                key: '/charts/pie',                icon: 'pie-chart'            },        ]    },];const { SubMenu }  = Menu;class LeftMenu extends Component {    getMenuNodes = (menuList) => {        return menuList.map(item => {           if (!item.children) {               return (                   
{item.title}
); } else { return (
{item.title}
} > { this.getMenuNodes(item.children) }
); } }); }; render() { return (
{ this.getMenuNodes(MenuList) }
) }}export default LeftMenu;

转载于:https://www.cnblogs.com/korea/p/11060687.html

你可能感兴趣的文章
extjs4.1:两个combobox的联动
查看>>
百度地图瓦片工具:定义坐标
查看>>
jmeter控制器--交替控制器
查看>>
hdu 5365 Run
查看>>
jap _spring _maven
查看>>
IIS principle
查看>>
Oracle 如何对中文字段进行排序
查看>>
第七章 数组实验
查看>>
003_ElasticSearch详解与优化设计
查看>>
windows hosts
查看>>
PHP 初学之登录查询小case
查看>>
Spring 4 官方文档学习(十五)CORS支持
查看>>
react学习笔记1
查看>>
Dao层设计
查看>>
css各种姿势的水平居中
查看>>
MYSQL 测试常用语句使用技巧
查看>>
基础细节知识
查看>>
树状数组求区间最大值
查看>>
一个简单的PHP网站结构
查看>>
Redis 学习之简介及安装
查看>>