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

Question

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

Table before:

Column: A B C
        1 2 3

Table after:

Column: A B C
        1 5 3

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

我使用链接的库：https ://react-table.tanstack.com/docs/api/useTable

Answer 1

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

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

但是，如果您正在寻找突出显示更改的解决方案，则使用自定义Cell并在其中检查 if oldData[rowIndex][columnId]is different fromnewData[rowIndex][columnId]可能有助于可视化差异。