如何从 v7 中的列访问另一列的值 (React-Table)

Question

我在以前的版本中看到您可以使用以下方式访问它：

const columns = [
  {
    Header: "Name",
    accessor: "name",
    Cell: (e) => {
      return e.original.name;
    }
  }
];

但在 v7 中它不起作用。

Answer 1

在 v7 中，使用 props 对象调用 Cell。其中一个道具是 row，其中包含您正在寻找的 original 属性。

{
  Header: 'Name',
  Cell: (props) => {
    return (
      <>{props.row.original.lastName}, {props.row.original.firstName}</>
    );
  }
},

您可以从 props 中解构 row。

{
  Header: 'Name',
  accessor: 'firstName',
  Cell: ({row, value}) => (
    <span onClick={() => alert(row.original.lastName)}>{value}</span>
  )
},

How to access to another column's value from a column in v7 (React-Table)