【React】antd在table中使用dropdown组件

姚尔摩斯

于 2020-01-04 21:02:12 发布

阅读量4.2k

点赞数

分类专栏： React

本文链接：https://blog.youkuaiyun.com/yt627306293/article/details/103837610

版权

在使用antd库时，遇到在Table组件中集成Dropdown组件的问题。官方示例未能提供获取每行数据的方法。通过在columns属性中自定义Dropdown的渲染函数，成功解决了这个问题。详细解决方案参考了https://blog.youkuaiyun.com/superYe7/article/details/88836641。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方给出的dropdwpn使用方法无法在table中得到每一行的信息

import { Menu, Dropdown, Icon } from 'antd';

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

ReactDOM.render(
  <Dropdown overlay={menu}>
    <a className="ant-dropdown-link" href="#">
      Hover me <Icon type="down&

最低0.47元/天解锁文章