如何获取行 ID 并传递给同一行中的复选框，但反应 js 中的不同列？

Question

示例反应 table 将如下所示

| show            | name  |
---------------------------
| *checkbox here* | test1 |
-------------------------

设置列的代码是这样的

const columns = [{
{title: 'Show', dataIndex: 'show',
render: value => {
   let isCheck = (value == 'true');
   return <Checkbox checked={isCheck} onChange={updateShow(*row id here*)}></Checkbox>
   }
},
{title: 'Name', dataIndex: 'name'}
}];

而table代码是这样的

<Table columns={columns} dataSource={*data from backend*}></Table>

我似乎无法获取行 ID，因为值中显示的数据是该列的数据，而不是该行的主 ID。需要一些帮助我仍然是反应的新手。

Answer 1

如果您使用的是 ant design，那么 render 方法可以让您访问 3 个参数，而不仅仅是使用 dataIndex

选择的值

render: (value, row, index) => { ... }

行应该包含给定条目的所有数据，所以可能是

render: (value, row) => {
   let isCheck = (value == 'true');
   return <Checkbox checked={isCheck} onChange={updateShow(row.id, isCheck)}></Checkbox>
   }
},

如何获取行 ID 并传递给同一行中的复选框，但反应 js 中的不同列？

How to get row id and pass to checkbox in same row but different column in react js?

reactjs

antd

react-table