在react-table中使用id进行搜索？

Question

我正在尝试制作一个表格，当你点击特定的id时，它会直接转到id的详细页面。

{
        Header: 'Order ID',
        id: 'shopify_order_name',
        accessor: oId => {
            return (
                <Link className='order-id' to={`/orders/${oId.order_id}`}>
                    {oId.shopify_order_name}
                </Link>
            )
        }     
},

我的问题是我不能使用搜索，因为访问者是jsx，我需要能够格式化链接并获得'order_id‘。有没有什么办法可以让我用id来代替搜索呢？

我发现了tannerlinsey (react-table) https://github.com/tannerlinsley/react-table/issues/72#issuecomment-278698604的这条评论。

正如他所说的，我应该返回原始数据，但在我的例子中，我还需要'order_id‘。对我该怎么做感到困惑。

Answer 1

这解决了我的问题。

{
        Header: 'Order ID',
        accessor: 'shopify_order_name',
        Cell: oId => {
            // console.log(oId.row.original.order_id)
            return (
                <Link className='order-id' to={`/orders/${oId.row.original.order_id}`}>
                    {oId.value}
                </Link>
            )
        }     
},