React Redux 重命名 API 响应中的嵌套对象



我从我的 API 收到响应,并且我正在尝试重命名操作中对象数组的嵌套对象属性,然后再将其发送到化简器。以下是响应的一般内容:

[
  {
    attributes: {
      name: "Item 1",
      price_cents: 1500
    }
  },
  {
    attributes: {
      name: "Item 2",
      price_cents: 1000
    }
  },
  ...
]
我想

price_cents更改为price.在将其用作减速器的有效载荷之前,我该如何更改它?

可以使用

Array#map遍历响应数组中的每个值,并使用所需的属性和名称创建新对象:

const actionCreator = (response) => ({
  type: 'ACTION_TYPE',
  payload: response.map((item) => ({
    attributes: {
      name: item.attributes.name,
      price: item.attributes.price_cents
    }
  })
});

编写筛选器以更改属性值,当响应成功返回时,筛选响应并减少它。

JSON 属性名称更改

:重命名属性名称并更改多个对象的值

JSON 属性名称更改

(2):更改属性名称

最新更新