为什么我应该在react表中使用cell.render("Cell")而不是cell.value？

Question

我用的是react-table包。我很困惑，当我只写cell.value的时候，cell.value有什么意义呢？我在浏览器中看到它以相同的方式呈现。那么，我为什么要使用第一个呢？

​

​

Answer 1

因为在为表定义列时，您可能希望自定义单元格的呈现方式。这里是我的一个专栏的例子。

{
        Header: "Enable",
        id: "enable",
        accessor: "enable",
        Cell: ({ value, row }) => (
            <FormCheck checked={value} onChange={(e) => handleCheckChange(row.index, e)} />
        ),
},

我使用Cell属性自定义每个单元格在表上的外观，并且不能像onChange那样向单元格添加道具。如果我只是使用.value而不是.render(单元格)，我的单元格将没有一个元素，并且我无法自定义该值是如何在单元格<td><FormCheck /><td/>中显示的

TLDR:如果您想从列定义中自定义单元格，则需要使用.render(“单元格”)。在我的代码示例中，我使用列选项Cell为该列插入一个CheckBox (不影响头()只())