react-table 使用自定义字段而不是索引的行选择

Question

我正在使用 react-table 包。我用行选择做了一个简单的 table。问题是：行选择结果是一个对象，索引为：

{
 0: true,
 1: true,
 ...
}

但我想像这样成为我的数据的主键：

{
  EXoxMjyd4leYABdpuy8m: true,
  2gXlClA38AU8sSM5jnZ7: true,
  ...
}

Code example

在文档中，我找不到可以设置选择键的配置。问题是，如何实现第二个例子？

Answer 1

您需要覆盖 table option getRowId。

示例：

const getRowId = (row, relativeIndex, parent) => {
   // In row object you have access to data. 
   // You can choose parameter. In this example I used uniqueId
   return parent ? [parent.id, row.uniqueId].join('.') : row.uniqueId;
}

这是一个活生生的例子：

react-table 使用自定义字段而不是索引的行选择

react-table row selection with custom field instead of index

reactjs

react-table

react-table-v7