如果我不单击可编辑反应表中的记录"save"，如何回滚/恢复以前的数据？

Question

我使用react-table V7创建了一个可编辑的表。它在保存功能中很好。然而，我在取消功能上遇到了一个问题。我不知道在下列情况下如何回滚/恢复到初始值:

1. 用户点击"取消"按钮。
2. 用户点击其他"编辑">

我有一个例子:https://codesandbox.io/s/dazzling-jang-6e5f2b?file=/src/components/EnhancedTable.js

Answer 1

您可以使用useRef()通过进入编辑模式来创建当前状态的快照，然后您应该仅在单击保存按钮时更新它，否则回滚状态到该快照。