Question

Views

I am trying to create a useState hook matching to this object:

[
   {
      "id":"",
      "name":""
   }
]

This is how my code is looking like:

  const [ galleries, setGalleries ] = useState([
    {
      id: "",
      name: ""
    }
  ])

setGalleries({...galleries, id: gallery.id, name: gallery.name})

about 4 years ago · Santiago Trujillo

Answer question

Accepted Answer · 2022-07-06T15:04:26.581Z

Here's how you can add a new object to the state array

setGalleries((previousGalleries) => [...previousGalleries, {
  id: gallery.id,
  name: gallery.name
}])

Problem in your code

setGalleries({...galleries, id: gallery.id, name: gallery.name})

galleries is an array but you're spreading it in an object. A separate object is also not created for adding the new gallery.