antd dropdown 遇见的问题

import React, {Component} from 'react';
import {Menu, Dropdown, Icon} from 'antd';

const handleClick = () => {
  console.log(this);
};
const menu = (
  <Menu
    onClick={handleClick}
    onSelect={({item, key, selectedKeys}) => {
      console.log(item);
      console.log(key);
      console.log(selectedKeys);
    }}
  >
    <Menu.Item key={1}>
      <a>复制</a>
    </Menu.Item>
    <Menu.Item key={2}>
      <a>修改</a>
    </Menu.Item>
    <Menu.Item key={3}>
      <a>删除</a>
    </Menu.Item>
  </Menu>
);

export default class MoreAction extends Component {
  state = {};

  offLine = e => {
    const {record} = this.props;
  };

  render() {
    return (
      <div>
        <a onClick={this.offLine}>下线</a> |{' '}
        <Dropdown overlay={menu} onClick={handleClick}>
          <a>
            更多 <Icon type="down" />
          </a>
        </Dropdown>
      </div>
    );
  }
}

我想每一个Item在点击的时候 都能够获得组件内部的状态,但是在antd的dropdown中,没有发现可以提供的事件或者方法,应该如何操作?

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题