react-table自定义单元组件，引用多个行属性

Question

我需要按列实现表排序，所以使用react-table的ReactTable组件重写我的react表组件。

其中一个表格单元格将包含一个链接，需要访问更多的一行属性。到目前为止，链接列代码如下所示：

{
    Header: "Name",
    accessor: "name",
    Cell: cellInfo => (
        <Link className="scenarioDetailLink"
              to={cellInfo.row.linkDestination}
              id={cellInfo.row.linkName}>{cellInfo.row.name}</Link>
    )
},

它产生如下元素：

生成的锚元素缺少id和href属性。我做错了什么。

Answer 1

事实证明我需要使用cellInfo.original而不是cellInfo.row。当您提供Cell渲染器时，您应该使用cellInfo.original来获取所有行数据（特别是如果您没有将这些数据显示为列）。 row仅包含表格中显示的内容。

Answer 2

我遇到了类似的问题，并按以下步骤解决了它：

Cell: (tableInfo) => `$ {tableInfo.data [tableInfo.row.index] .dateToShow}`

其中： tableInfo是具有以下属性的对象：{列：[]}，数据：[]，列：{}，行：[。]，单元格：{}}，dateToShow是不在以下位置的值视图，但存在于数据模型中。 如果需要访问表视图中的数据，则可以使用行对象；如果不在表视图中，则可以使用数据数组访问数据模型。