0

Como eu faço pra adicionar um atributo a mais em todos os elementos de um JSON que eu recebo, pra depois exibir na tela?

Quando eu tento fazer um map no JSON que eu recebo da requisição e adicionar o item no estado não da certo por causa do await async, ai ele só adiciona 1.

Preciso adicionar, em um array de objetos que eu recebo no JSON um atributo qtd em cada objeto, quando utilizo o Spread operator ([...dados,{qtd:0}]) ele não faz em todo o array.

Exemplo:

const montaAlgoMais = async () => {

    try {
  
        const res = await axios.get(url)
            .then(({ data }) => {
                    data.map((item) => {
                        return setAlgoMais([...algoMais,{...item,qtd:0}])
                    })
            })
            .catch(err => console.log(err));
    } catch (e) {
        console.log(e)
    }

}

1 Resposta 1

1

Para você passar um objeto com mais atributos é só copiar os dados com a técnica Spread operator como no exemplo:

const data = {
  'id': 1, 
  'name': 'example 1'
}

const finalData = { ... data, source: new Date() };

console.log(finalData);

esse comando também funciona para array de objetos exemplo:

const datas = [
  {
    'id': 1, 
    'name': 'example 1'
  }, 
  {
    'id': 2, 
    'name': 'example 2'
  }
]

const finalData = datas.map(data => {
  return {... data, source: new Date()};
});

console.log(finalData);

Na sua solução está tudo errado, você misturou as coisa e o correto é:

const montaAlgoMais = async () => {
    try {  
        const res = await axios.get(url);
        const newData = res.data.map(item => { 
            return { ...item, qtd: 0};
        });
        setAlgoMais(newData);
    } catch (e) {
        console.log(e)
    }
}
11
  • como eu faço isso, recebendo as informações de uma requisição em axios? por que eu faço a adição com operador spread, e parece que ele faz só uma vez 13/07/2020 às 1:05
  • alguém pode me ajudar??? 13/07/2020 às 14:38
  • @MatheusSaleh como vem esse json? eu te dei todas as cartas qual a dificuldade
    – novic
    13/07/2020 às 14:39
  • return (setData([...data])) primeiro problema isso não é necessário!
    – novic
    13/07/2020 às 14:42
  • Se você recebe um array e precisa criar mais uma chave dentro de cada posição precisa utilizar map como eu te monstrei no segundo exemplo. @MatheusSaleh
    – novic
    13/07/2020 às 14:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .