从editableBootstraptable抓取数据到数组中

Capture data from editable Bootstrap table into array

我有一个 bootstrap table 设置(使用 react-bootstrap-table-next),允许用户编辑单元格并输入所需的值。一旦他们完成,我希望他们单击​​ "Submit" 按钮并保存 table 的值(然后我将 POST 保存到 API)。

我一直没有成功地考虑如何将数据保存到数组中。想法?

事实证明答案比预期的要容易。用于创建 table 的数组会自动更新以反映用户所做的更改。因此,您唯一需要做的就是预先深度克隆您的数据,以便您拥有原始数据和更新后的数据。然后您可以确定要继续前进的是哪个。

要获得深度克隆而不仅仅是同一数组的另一个别名:

const arrayToRemainUnedited = JSON.parse(JSON.stringify(arrayUsedToBuildTable))