leftTab.jsx 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. import React from 'react';
  2. import { Menu, Icon } from 'antd';
  3. import '../leftTab.less';
  4. const SubMenu = Menu.SubMenu;
  5. const MenuItemGroup = Menu.ItemGroup;
  6. const LeftTab = React.createClass({
  7. getInitialState() {
  8. return {
  9. current: 'star',
  10. subKey: 'sub1',
  11. keyList: [
  12. { key: 'sub1', value: ['star', 'lecture'] },
  13. { key: 'sub10', value: ['banner'] }
  14. ]
  15. };
  16. },
  17. handleClick(e) {
  18. this.props.handlekey(e.key);
  19. this.setState({
  20. current: e.key,
  21. });
  22. },
  23. componentWillMount() {
  24. const _me = this;
  25. if (window.location.hash) {
  26. let theKey = window.location.hash.substr(1);
  27. this.state.keyList.map(function (item1) {
  28. item1.value.map(function (item2) {
  29. if (theKey == item2) {
  30. _me.state.subKey = item1.key
  31. };
  32. });
  33. });
  34. this.state.current = theKey;
  35. };
  36. },
  37. render() {
  38. return (
  39. <Menu onClick={this.handleClick}
  40. selectedKeys={[this.state.current]}
  41. defaultOpenKeys={[this.state.subKey]}
  42. mode="vertical"
  43. className="account-left"
  44. mode="inline" >
  45. <SubMenu key="sub1" title={<span>大咖说</span>}>
  46. <Menu.Item key="star">
  47. 科技明星
  48. </Menu.Item>
  49. <Menu.Item key="lecture">
  50. 科技讲堂
  51. </Menu.Item>
  52. </SubMenu>
  53. <SubMenu key="sub10" title={<span>广告图</span>}>
  54. <Menu.Item key="banner">
  55. 广告图管理
  56. </Menu.Item>
  57. </SubMenu>
  58. </Menu>
  59. );
  60. }
  61. });
  62. export default LeftTab;