Ant-pro

import React, {Component} from "react";
import {Menu, Dropdown, Icon, List} from "antd";
import {connect} from "dva";

const menu = (
  <Menu
    onClick={props => {
      console.log(props);
    }}
  >
    <Menu.Item key={1}>
      <a></a>
    </Menu.Item>

    <Menu.Item key={2}>
      <a></a>
    </Menu.Item>
   
  </Menu>
);

class MoreBtn extends React.PureComponent {
  render() {
    return (
      <Dropdown overlay={menu}>
        <a>
           <Icon type="down" />
        </a>
      </Dropdown>
    );
  }
}

class MoreAction extends Component {
  offLine = e => {
    // const {record} = this.props;
  };

  render() {
    return (
      <div>
        <List.Item
          actions={[
            <a
              onClick={() => {
              
              }}
            >
              
            </a>,
            <MoreBtn record={this.props.record} />
          ]}
        />
      </div>
    );
  }
}

export default connect(store => {
  return {};
})(MoreAction);

clipboard.png

I can"t get the data in each row of the table when I click item in Menu. Read the file and didn"t solve it?

Mar.04,2021

definitely won't get it. What you get is key of menu .

handle it in the onClick event of List.Item .

Menu