React, adding elements to array inside another array

Question

I have an array of objects like this:

{
      pksites: number;
      rooms: Room[];
}

And I'm trying to add the rooms to that array, here is what i do:

arrayOfObjects.forEach((s) => {
      s.rooms.push(...s.rooms, //new object from here{
        pkrooms: 1, 
        roomname: "Test room",
      })
    })

and the error i get is

TypeError: Cannot add property 0, object is not extensible at Array.push (<anonymous>)

what can I do?

@kiner_shah is an array of the object I showed on top, it is like [{ pksites: 1, rooms: [] }, {pksites: 2, rooms: []}] — Croicco
– Croicco, Commented Dec 31, 2021 at 9:42

kiner_shah · Accepted Answer · 2021-12-31 09:44:20Z

2

I think this work for you may be,

let arrayOfObjects = [{
  pksites: 1,
  rooms: []
}]


arrayOfObjects.forEach((s) => {
  s.rooms.push(...s.rooms, //new object from here
    {
      pkrooms: 1,
      roomname: "Test room",
    }
  )
})
console.log(JSON.stringify(arrayOfObjects));

output

[
  {
    "pksites": 1,
    "rooms": [
      {
        "pkrooms": 1,
        "roomname": "Test room"
      }
    ]
  }
]

edited Dec 31, 2021 at 9:44

kiner_shah

4,8137 gold badges30 silver badges44 bronze badges

answered Dec 31, 2021 at 9:39

Dipak

865 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React, adding elements to array inside another array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related