从 React 表中的函数获取列值

Question

我有一个显示 id、时间和状态的反应表。我必须添加一个新列 Summary，它将使用行的当前 id 并计算名称。

我不确定如何获取行的特定 id。

const columns = [
  {
    title: 'Id',
    data: 'id',
    searchable: true
  },
  {
    title: 'Time',
    data: 'time',
    searchable: true
  },
  {
    title: 'Status',
    data: 'status',
    searchable: true
  },
  {
    title: 'Summary',
    cell: row => {this.getNameFromId(row.id)},
    //cell: row => <div>{this.getNameFromId(row.id)}</div>,
    //render: this.getConfigsFromInstances(data),
    searchable: true
  }
];

data 是一个复杂的对象，如果我在 getNameFromId 中传递它，它会给我所有的 id。请帮助解决此问题。

Answer 1

要获取列的单元格中的行 ID，您可以在 row.original.id 找到它。

columns.push({
  Header: 'Summary',
  accessor: 'summary',
  Cell: (row) => (<div>{this.getNameFromId(row.original.id)}</div>)
});