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中,没有发现可以提供的事件或者方法,应该如何操作?