鍍金池/ 問(wèn)答/HTML/ antd的Table組件如果在每行上加上操作按鈕的話，如何獲取某一行的id或者內(nèi)

antd的Table組件如果在每行上加上操作按鈕的話，如何獲取某一行的id或者內(nèi)容？

如圖：就比如說(shuō)我現(xiàn)在在每一行上加上了操作按鈕，必定每次操作就要獲取這一行的id或者內(nèi)容，請(qǐng)問(wèn)大家，哪個(gè)api可以做到？我看過(guò)api文檔，一直沒(méi)有思路，官網(wǎng)也有例子，但是沒(méi)有寫(xiě)函數(shù)。

clipboard.png

回答
編輯回答
淺時(shí)光

columns 的 render 函數(shù)就是的，record 就是對(duì)應(yīng)行的數(shù)據(jù)：

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>
  ),
}];
2018年2月27日 23:19
編輯回答
孤慣

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>

),
}];
定義在組件內(nèi)，拿到的就是每一行的數(shù)據(jù)了

2017年8月26日 08:25