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 似乎有一个微妙的变化，访问器 returns 的值被输入 Cell，所以在这种情况下，在版本 7 中，original 不会不再代表该行，但是 accessor 的值是 price

的值

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

react-table 7 自定义单元格说数据未定义

react-table 7 custom cell says data undefined

react-table-v7