如何使用 react-table 仅重新呈现更新的行？
How to rerender only the updated row using react-table?
我正在尝试使用 react-table 实现 editable 数据网格。代码如下所示：
<ReactTable
data={data}
columns={columns}
/>
我面临的问题是，每当更新特定行中的单元格值时，整个可见页面都会重新呈现。
库的创建者 forked sandbox 说明了这个问题。
我在想，如果 react-table 在单个单元格中有更新时重新呈现整个页面，那么它是相当低效的。或者我不确定我是否遗漏了什么。
非常感谢任何帮助我们。提前致谢！
首先要注意：仅仅因为您在 Cell 回调中记录 "row render called" 并不一定意味着 DOM 被重新呈现。它只会在 render 的输出与之前的不同时重新渲染。
在这种情况下，对于每一行，它 是 不同的，因为您要为每一行计算 new Date。您需要一种方法来检查哪一行是正在更新的行，并且只有 return 那个行的新日期。
我正在尝试使用 react-table 实现 editable 数据网格。代码如下所示：
<ReactTable
data={data}
columns={columns}
/>
我面临的问题是，每当更新特定行中的单元格值时，整个可见页面都会重新呈现。
库的创建者 forked sandbox 说明了这个问题。
我在想，如果 react-table 在单个单元格中有更新时重新呈现整个页面，那么它是相当低效的。或者我不确定我是否遗漏了什么。
非常感谢任何帮助我们。提前致谢！
首先要注意：仅仅因为您在 Cell 回调中记录 "row render called" 并不一定意味着 DOM 被重新呈现。它只会在 render 的输出与之前的不同时重新渲染。
在这种情况下，对于每一行，它 是 不同的，因为您要为每一行计算 new Date。您需要一种方法来检查哪一行是正在更新的行，并且只有 return 那个行的新日期。