需求:表格的每行操作里,有一个Dropdown组件,里面是menu组件,这里在列进行渲染的时候,把行数据传给menu,menu被点击的时候获取到行数据进行弹框展示
![7745bb18af0aa9fe8ac28fed1579399f.png](https://img-blog.csdnimg.cn/img_convert/7745bb18af0aa9fe8ac28fed1579399f.png)
代码分析:
1、表格的列渲染操作列的时候,Dropdown的api里有overlay属性,这个里是menu标签,我这里用的bind方法绑定,并且把行数据传给下拉框,然后menu组件就可以获取到行数据
{
title: '操作',
dataIndex: 'operation',
key: 'operation',
ellipsis: true,
align:'center',
render: (text,record) => {
return (
<Space size="middle">
//menu单独定义的,也就是第二步
<Dropdown overlay={menu.bind(this,record)} record={record} >
<a>