react-table-v7 - react-table 7 自定义单元格显示数据未定义

Question

在版本 6 中，这曾经可以工作，一些行没有价格，但original应该指向该行。

        {
            accessor : 'price',
            Header: () => <b>Price</b>,
            style: { 'whiteSpace': 'unset' },
            Cell: ({original}) => original.price && <div className="full-center">{original.price}</div>,
        },

但是升级到第7版后，现在我得到了LineMatchingPage.js:121 Uncaught TypeError: Cannot read property 'price' of undefined

Answer 1

在版本 7 中似乎有一个细微的变化，访问器返回的值被输入Cell，所以在这种情况下，在版本 7 中，original不再代表行，而是值accessorwhich 的值price

    {
        accessor : 'price',
        Header: () => <b>Price</b>,
        style: { 'whiteSpace': 'unset' },
        Cell: ({price}) => price && <div className="full-center">{price}</div>,
    },