index.js 542 B

123456789101112131415161718192021222324
  1. import React from 'react';
  2. import './index.less';
  3. import { Icon, Dropdown, Menu } from 'antd';
  4. function More(props) {
  5. const { menu = [], onClick } = props;
  6. return (
  7. <Dropdown
  8. overlay={
  9. <Menu onClick={key => onClick && onClick(key)}>
  10. {menu.map(item => {
  11. return <Menu.Item key={item.key}>{item.label}</Menu.Item>;
  12. })}
  13. </Menu>
  14. }
  15. trigger={['click']}
  16. >
  17. <div className="more">
  18. <Icon type="more" />
  19. </div>
  20. </Dropdown>
  21. );
  22. }
  23. export default More;