Convert an array of Objects in individual objects

Question

I have the following example array of objects

[ 
{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }
];

that I would like to only have individual objects like:

{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }

and store them in useState like so

array.map((object)=>{
setObjects({...object})
 })

but when do

console log(objects)

it only outputs one object not all of them

Answer 1

You are overriding your object after each iteration. One way is to make a new object if you are sure the key will be unique then use this one.

array.map((object)=>{
 setObjects((prevState) => ({...prevState, [object.key]: object }) )
})

It will produce the output like this.

{
  11 : { key : '11', value : '1100', $$hashKey : '00X' },
  12 : { key : '22', value : '2200', $$hashKey : '018' }
}