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

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

我在以前的版本中看到您可以使用：

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

但在 v7 中它不起作用。

解决方法

在 v7 中，使用 Cell 对象调用 props。道具之一是 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>
  )
},