react的侧边栏antd二次封装 返回方法

reducer	方法
 getMeunList=(menuList)=>{
	        const path=this.props.location.pathname
	        return menuList.reduce((pre,item)=>{
	            if(!item.children){
	                pre.push((
	                    <Menu.Item key={item.key}>
	                        <Link to={item.key}>
	                            <Icon type={item.icon} />
	                            <span>{item.title}</span>
	                        </Link>
	                    </Menu.Item>
	                ))
	            }else{
	                pre.push((
	                    <SubMenu
	                        key={item.key}
	                        title={
	                            <span>
	                                <Icon type={item.icon} />
	                                <span>{item.title}</span>
	                            </span>}
	                    >
	                        {
	                            this.getMeunList(item.children)
	                        }
	                    </SubMenu>
	                ))
	            }
	            return pre
	        },[])
	    }

map方法

getMeunList=(menuList)=>{
    console.log(menuList);
    return menuList.map(item=>{
        if(!item.children){
            return (
                <Menu.Item key={item.key}>
                    <Link to={item.key}>
                        <Icon type={item.icon} />
                        <span>{item.title}</span>
                    </Link>
                </Menu.Item>
            )
        }else{
            return (
                <SubMenu
                    key={item.key}
                    title={
                        <span>
                            <Icon type={item.icon} />
                            <span>{item.title}</span>
                        </span>}
                >
                    {
                        this.getMeunList(item.children)
                    }
                </SubMenu>

            )
        }
    })

}
发布了76 篇原创文章 · 获赞 8 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_43453916/article/details/100095505
今日推荐