我需要实现按列的表排序,所以要使用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>
    )
},


结果是这样的:
reactjs - 引用多个行属性的react-table自定义单元格组件-LMLPHP

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

最佳答案

原来我需要使用cellInfo.original而不是cellInfo.row。提供Cell渲染器时,应使用cellInfo.original来获取所有行数据(尤其是如果您不将该数据显示为列)。 row仅具有表中显示的内容。

关于reactjs - 引用多个行属性的react-table自定义单元格组件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45968791/

10-10 12:53