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

Question

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

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

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

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

score 2 · Accepted Answer

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

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

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

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

1 回答 1