antd的Table组件如果在每行上加上操作按钮的话，如何获取某一行的id或者内容？

Question

如图：就比如说我现在在每一行上加上了操作按钮，必定每次操作就要获取这一行的id或者内容，请问大家，哪个api可以做到？我看过api文档，一直没有思路，官网也有例子，但是没有写函数。

Answer 1

columns 的 render 函数就是的，record 就是对应行的数据：

const columns = [  {
  title: 'Action',
  key: 'action',
  render: (text, record) => (
    <span>
      <a href="#">Action 一 {record.name}</a>
      <Divider type="vertical" />
      <a href="#">Delete</a>
      <Divider type="vertical" />
      <a href="#" className="ant-dropdown-link">
        More actions <Icon type="down" />
      </a>
    </span>
  ),
}];

Answer 2

this.columns = [ {
title: 'Action',
key: 'action',
render: (text, record) => (

<span>
  <a href="#">Action 一 {record.name}</a>
  <Divider type="vertical" />
  <a href="#">Delete</a>
  <Divider type="vertical" />
  <a href="#" className="ant-dropdown-link">
    More actions <Icon type="down" />
  </a>
</span>

),
}];
定义在组件内，拿到的就是每一行的数据了