React - 如何将本地数据添加到来自 REST api 的数据？

Question

我的 React js 页面正在从 REST 服务获取数据，它使用 react-query 来获取和存储数据。数据是对象列表。

我想将我自己的一两个额外变量添加到此列表中的每个对象，这些变量将仅在反应端，不会返回到 REST 服务器端。

列表中的每个对象都会得到一个额外的布尔变量expanded，它会指示该对象是否应该在页面上展开。

如何将这样的变量添加到服务器的列表中？您会修改列表本身并可能使用 immutability-helper 吗？或者你会创建一个单独的布尔标志列表和指向另一个列表的指针吗？

Answer 1

您可以修改列表，就像您在获取数据后不向服务器发送数据一样。这可以使用扩展运算符轻松完成。

const newList = oldarrOfObj.map(_o=>{
  return {..._o, expanded: true}
})

假设您在 arr 中做了一些更改并且您想要通知服务器。

const oldList = newList.map(_o=>{
  delete _o.expanded
  return _o;
})

React - How to add local data to data from a REST api?