leftTab.jsx 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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: 'base',
  10. };
  11. },
  12. handleClick(e) {
  13. this.props.handlekey(e.key);
  14. this.setState({
  15. current: e.key,
  16. });
  17. },
  18. render() {
  19. return (
  20. <Menu onClick={this.handleClick}
  21. selectedKeys={[this.state.current]}
  22. mode="vertical"
  23. className="account-left"
  24. >
  25. <Menu.Item key="base">
  26. 基本信息
  27. </Menu.Item>
  28. <Menu.Item key="person">
  29. 个人资料
  30. </Menu.Item>
  31. <Menu.Item key="edu">
  32. 教育信息
  33. </Menu.Item>
  34. <Menu.Item key="pfs">
  35. 职业信息
  36. </Menu.Item>
  37. <Menu.Item key="ablt">
  38. 能力标签
  39. </Menu.Item>
  40. </Menu>
  41. );
  42. },
  43. });
  44. export default LeftTab;