如何检测react-table中特定列的单元格值已更改？

问题描述

我一直在使用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

解决方法

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

这对于react-table（v7）是不可能的，它将在data参考更新时始终重新呈现。

但是，如果您正在寻找突出变化的解决方案，请使用自定义Cell，这样一来，例如oldData[rowIndex][columnId]是否不同于newData[rowIndex][columnId]的检查有助于说明差异。

>