如何使用反应表仅重新呈现更新的行？

Question

我正在尝试使用 react-table 实现可编辑的数据网格。代码如下所示：

<ReactTable
  data={data}
  columns={columns}
/>

我面临的问题是，每当特定行中的单元格值更新时，整个可见页面都会重新呈现。

这是说明问题的库创建者的分叉沙箱。

我在想，如果在单个单元格中有更新时，react-table 会重新渲染整个页面，那么它效率很低。或者我不确定我是否遗漏了什么。

任何帮助我们非常感谢。提前致谢！

Answer 1

首先要注意的是：仅仅因为您在 Cell 回调中记录“行渲染调用”并不一定意味着 DOM 被重新渲染。render仅当 的输出与之前不同时才会重新渲染。

在这种情况下，每一行的情况都是不同的，因为您正在new Date为每一行计算 a 。您需要一种方法来检查哪一行是正在更新的行，并且只返回该行的新日期。