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>,
    },