如何检测反应表中特定列的单元格值更改？答案

【问题标题】：How can I detect the cell value changed of a specific column in react-table?如何检测反应表中特定列的单元格值更改？
【发布时间】：2020-09-12 16:46:52
【问题描述】：

我一直在使用 react-table 库向 UI 显示数据。因为数据有很多更新，只有一些单元格值发生了变化。我想避免重新渲染其他值不变的单元格。例如，我有 3 列：

Table before:

Column: A B C
        1 2 3

Table after:

Column: A B C
        1 5 3

我不想重新渲染 A 和 C，因为它们的值没有改变。

【问题讨论】：

【解决方案1】：

我不想重新渲染 A 和 C，因为它们的值没有改变。

这在 react-table(v7) 中是不可能的，当data 引用更新时它总是会重新渲染。

但是，如果您正在寻找突出显示更改的解决方案，请使用自定义 Cell，这样检查 oldData[rowIndex][columnId] 是否与 newData[rowIndex][columnId] 不同可能有助于可视化差异。

【讨论】：