antd DropDown下拉菜单获取绑定的menu下menuitem的key或text。

Question

本人刚入门react+antd,求前辈指点。
我的DropDown里面的代码：

<Dropdown.Button size="large" overlay={<AppDmx onClick={this.selectMenuDown} id="dropDmx"></AppDmx>}> {this.state.dropDmxText} </Dropdown.Button>

组件AppDmx装下了以下menu：

<Menu>
    <Menu.Item key="1">
        <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">1st menu item</a>
    </Menu.Item>
    <Menu.Item key="2">
        <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">2nd menu item</a>
    </Menu.Item>
    <Menu.Item key="3">
        <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">3rd menu item</a>
    </Menu.Item>
</Menu>

那么选择某个menuitem点击触发selectMenuDown这个方法后，怎么在里面获取menu.item的key或里面的Text呢

Answer 1

你可以试下menu的onSelect事件去触发selectMenuDown，onSelect有你想要的数据

<Menu onSelect={(item, key, selectedKeys) => this.selectMenuDown(item, key, selectedKeys)}>
</Menu>

Answer 2

这个在文档里面 就在selectMenuDown({key})这样写，就可以传入key， 不细看文档的锅。