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>
)
}
})
}