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不再代表行，而是 accessor 的值这是 price 的值

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