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

【问题标题】：react-table 7 custom cell says data undefinedreact-table 7 自定义单元格显示数据未定义
【发布时间】：2020-12-23 01:10:43
【问题描述】：

在版本 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

【问题讨论】：

标签： react-table-v7

【解决方案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>,
    },

【讨论】：