如何创建与 JSON 对象匹配的 React useState 挂钩

Question

我正在尝试创建一个与此对象匹配的 useState 挂钩：

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

我的代码是这样的：

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

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

Answer 1

以下是将新对象添加到状态数组的方法

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

---

你的代码有问题

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

galleries 是一个数组，但您将其散布在一个对象中。也不会为添加新画廊创建单独的对象。