leftTab.jsx 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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: 'membership',
  10. };
  11. },
  12. handleClick (e) {
  13. this.props.handlekey(e.key);
  14. this.setState({
  15. current: e.key,
  16. });
  17. },
  18. componentWillMount () {
  19. if (window.location.hash) {
  20. this.state.current = window.location.hash.substr(1);
  21. };
  22. },
  23. render () {
  24. return (
  25. <Menu onClick={this.handleClick}
  26. selectedKeys={[this.state.current]}
  27. mode="vertical"
  28. className="account-left" >
  29. <Menu.Item key="membership">
  30. 会员服务订单
  31. </Menu.Item>
  32. <Menu.Item key="consult">
  33. 专家咨询订单
  34. </Menu.Item>
  35. <Menu.Item key="orgAchievementOrder">
  36. 组织成果订单
  37. </Menu.Item>
  38. <Menu.Item key="userAchievementOrder">
  39. 个人成果订单
  40. </Menu.Item>
  41. </Menu>
  42. );
  43. },
  44. });
  45. export default LeftTab;