react 树形菜单_关于React 使用antd组件递归实现左侧菜单导航树（MenusTree）的示例...

一、菜单组件Demo

这里本人采用的是蚂蚁金服(antd)组件库里的{Menu}组件写的一个左侧菜单树的小Demo(整套开发环境是React+Redux+webpack)

import React from 'react';

import { Menu, Icon } from 'antd';

import {WeaScroll} from 'ecCom';

import {bindActionCreators} from 'redux';

import {connect} from 'react-redux';

import * as themeActions from '../../../actions/theme';

const SubMenu = Menu.SubMenu;

class E9LeftMenusTree extends React.Component{

componentWillMount() {

}

//递归函数生成左侧菜单树

//这里通过函数的形式，通过递归自身function的方式来生成菜单树的子菜单

formSubmenusChild(obj){

let cHtml=

let childArray=obj.child;

if("undefined"!=typeof(childArray)&&childArray.length>0) {

cHtml = childArray.map((item, i) => {

return this.for