React Redux renomear objeto aninhado na resposta da API

A Hinson

Estou recebendo uma resposta de minha API e estou tentando renomear uma propriedade de objeto aninhado para uma matriz de objetos em minha ação antes de enviá-la para o redutor. Em geral, esta é a aparência da resposta:

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

e eu gostaria de mudar price_centspara price. Como eu poderia mudar isso antes de usá-lo como carga útil para o redutor?

jevakallio

Você pode usar Array#mappara percorrer cada um dos valores na matriz de resposta e criar um novo objeto com as propriedades e nomes que desejar:

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

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Atualizar objeto aninhado na matriz no React usando Redux

Como exibir o objeto aninhado na chamada da API?

como acessar o valor do objeto aninhado da resposta da solicitação axios em react js

Objeto aninhado duplicado na loja redux

mostrando a resposta da API do reddit no app react-redux

React / Redux: preciso de ajuda para processar a resposta da API

React / Redux: preciso de ajuda para processar a resposta da API

Converta a resposta da API (objeto) para a matriz em react JS

Atualizar objeto aninhado dentro da loja Redux

Objeto Aninhado Redux Nativo Immer React

Objeto Aninhado Redux Nativo Immer React

React Redux Push objeto em array aninhado

pare a renderização da página até que a API retorne uma resposta na saga redux

A resposta da API Spring Boot retorna JSON aninhado repetido

React Redux mostrando dados na tabela da API

Lendo dados na resposta da API | iOS

Como esconder a senha na resposta da API?

Como armazenar em cache a resposta da API e usá-la posteriormente no react & redux?

Enviando a resposta da API Socket.io aos componentes React usando Redux

React js - a resposta da API em this.state é um objeto vazio

Como acessar o objeto aninhado dentro dos dados JSON da matriz aninhada na tela no React-Native

Como acessar o objeto aninhado dentro dos dados JSON da matriz aninhada na tela no React-Native

redirecionar no componente de rota com base na resposta da API - roteador react

renomear a chave na resposta do mangusto

Extraia o objeto json da resposta na estrutura do caratê

Extraia o objeto json da resposta na estrutura do caratê

Salvar o objeto em uma matriz da resposta da API

Objeto aninhado de consulta na API REST Firestore

Como descrever o objeto aninhado na API Swagger?

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  3. 3

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  4. 4

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  5. 5

    Gerenciar recurso shake de Windows Aero com barra de título personalizado

  6. 6

    Como obter dados API adequados para o aplicativo angular?

  7. 7

    UITextView não está exibindo texto longo

  8. 8

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  9. 9

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  10. 10

    Usando o plug-in Platform.js do Google

  11. 11

    Como posso modificar esse algoritmo de linha de visada para aceitar raios que passam pelos cantos?

  12. 12

    Dependência circular de diálogo personalizado

  13. 13

    Coloque uma caixa de texto HTML em uma imagem em uma posição fixa para site para desktop e celular

  14. 14

    iOS: como adicionar sombra projetada e sombra de traço no UIView?

  15. 15

    Como usar a caixa de diálogo de seleção de nomes com VBA para enviar e-mail para mais de um destinatário?

  16. 16

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  17. 17

    How to create dynamic navigation menu select from database using Codeigniter?

  18. 18

    Converter valores de linha SQL em colunas

  19. 19

    ChartJS, várias linhas no rótulo do gráfico de barras

  20. 20

    用@StyleableRes注释的getStyledAttributes。禁止警告

  21. 21

    não é possível adicionar dependência para com.google.android.gms.tasks.OnSuccessListener

quentelabel

Arquivo