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只有什么是显示在表格中.