reactjs - 引用多个行属性的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>
    )
},

它会产生如下元素:

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

Answer 1

结果我需要使用 cellInfo.original 而不是 cellInfo.row。当您提供 Cell 渲染器时，您应该使用 cellInfo.original 来获取所有行数据(特别是如果您不将该数据显示为列)。 行仅包含表中显示的内容。