ant-pro

Question

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);

我点击Menu 中的 item 并不能获取到表格每一行中的数据？ 看了文档，并没有解决？

Answer 1

肯定拿不到，拿到的是menu的key.

在List.Item的onClick事件中处理吧。