LayoutSlide.js
1.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import React,{Component} from 'react'
import { Menu, Icon } from 'antd';
import {Link,withRouter} from "react-router-dom";
import { TransitionGroup, CSSTransition } from "react-transition-group";
const { SubMenu } = Menu;
export default class LayoutSlide extends Component{
state={
defaultSelectedKeys:[0],
defaultOpenKeys:[0],
MenuList:[
{title:"test1",children:[
{ title:"test1-1",path:"/index"}, { title:"test1-2",path:"/index2"},{ title:"test1-3",path:"/"}
]},
{title:"test1",children:[
{ title:"test1-1",path:"/index"},{ title:"test1-2",path:"/index2"},{ title:"test1-3",path:"/"}
]}
]
}
componentWillMount(){
console.log("slides",this.props);
}
render(){
let {defaultSelectedKeys,defaultOpenKeys,MenuList} =this.state;
return <Menu
mode="inline"
defaultSelectedKeys={defaultSelectedKeys}
defaultOpenKeys={defaultOpenKeys}
style={{ height:"100%" }}
>
{
MenuList.map((item,ind)=>{
return <SubMenu key={'SubMenu_'+ind} title={<p><Icon type="mail" /><span>{item.title}</span></p>}>
{
item['children']&&item['children'].map((el,cind)=>{
return <Menu.Item key={'MenuItem_'+cind}><Link to={el.path}>{el.title}</Link></Menu.Item>
})
}
</SubMenu>
})
}
</Menu>
}
}