如何使用react-table只重新渲染更新的行？

Question

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

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

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

这里是forked sandbox来自库的创建者，它说明了问题。

我在想，如果任何时候单个单元中有更新，react-table都会重新渲染整个页面，那么效率就相当低。或者我不确定是否丢失了一些东西。

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

Answer 1

首先要注意的是：仅仅因为您在Cell回调中记录“行渲染已调用”，并不一定意味着DOM被重新渲染。仅当Webapp-User (generic user scoped dimension that lists the ContainerID) Webapp-Session (generic session scoped dimension that lists the ContainerID) 的输出与先前的输出不同时，才会重新渲染。

在这种情况下，每一行 不同，因为您要为每一行计算一个render。您需要一种方法来检查正在更新的行，并且仅返回该行的新日期。