Add attribute to a json

Question

How do I add an extra attribute to all elements of a JSON that I receive, to then display on the screen?

When I try to make one map in the JSON that I receive from the request and add the item in the not right state because of the await async, then it only adds 1.

I need to add, in a array of objects I receive on JSON a Qtd attribute on each object, when using the Spread operator ([...dados,{qtd:0}]) he does not at all array.

Example:

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)
    }

}

Answer 1

To pass an object with more attributes, just copy the data with the technique Spread Operator as in the example:

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

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

console.log(finalData);

this command also works for array of example objects:

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);

In your solution it’s all wrong, you mixed it up and the right thing is:

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)
    }
}