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

【问题标题】：How to create React useState hook matching to JSON object如何创建与 JSON 对象匹配的 React useState 挂钩
【发布时间】：2022-01-25 07:17:48
【问题描述】：

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

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

这就是我的代码的样子：

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

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

【问题讨论】：

【解决方案1】：

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

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

你的代码有问题

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

galleries 是一个数组，但您将它分布在一个对象中。也不会为添加新图库创建单独的对象。

【讨论】：