我们如何在javascript中更新特定对象的对象？

Question

let items = state.refundHistory.items.map((o, idx) => {
  o.body.payment.loader = true;
  return o;
});

现在，我想更新状态下可用的项目，并想返回状态已修改的数据。

Answer 1

你可以重新分配

let items = state.refundHistory.items.map((o, idx) => {
  o.body.payment.loader = true;
  return o;
});
state.refundHistory.items = items;
return state;

您也可以处理此内联

state.refundHistory.items = state.refundHistory.items.map((o, idx) => {
  o.body.payment.loader = true;
  return o;
});

return state;

但是，最好使用.forEach 。 这样可以省去分配新数组的麻烦。

state.refundHistory.items.forEach(item => {
  item.body.payment.loader = true;
});
return state;

有些库（例如redux）要求您创建一个全新的对象，在这种情况下，散布运算符非常方便

let items = state.refundHistory.items.map((o, idx) => {
  o.body.payment.loader = true;
  return o;
});

return {
  refundHistory : {
      items : items,
      ...state.refundHistory
  },
  ...state,
}