如何使用react-table重新呈现更新的行？

Question

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

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

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

这是来自库的创建者的分叉沙箱 ，用于说明问题。

我想如果react-table在单个单元格中有更新的情况下重新呈现整个页面，那么效率相当低。 或者我不确定我是否遗漏了什么。

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

Answer 1

首先要注意的是：仅仅因为你在Cell回调中记录“row render”，并不一定意味着DOM被重新渲染。 它只会重新渲染，如果输出render不同于以往的不同。

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