setState 包含对象=>数组=> 对象

Question

我所拥有的是

const [productData, setproductData] = useState({
    title: "",
    description: "",
    price: "",
    selectedFile: "",
    images: [{ _id: "", urls: "" }],
  });

我将如何更改IMAGES object 中的值。 我想更改 id 和 Urls。

我尝试了以下方法但不成功。

  setproductData({
    ...productData,
    images: [...productData.images._id, i],  //where i is any id or number
  });

但是当我尝试执行它时，它说productData.images.id不可迭代。 有什么帮助请...

Answer 1

试试这个

 setproductData({
    ...productData,
    images: [{...productData.images[0], _id: i}], 
  });

如果你想修改选定的 id 只需使用

    setproductData({
        ...productData,
        images: productData.images.map((image) => {
          if (image._id === i) return {...image} // modify here
          return image
        }), 
    });

Answer 2

其中newId是您的新 _id， newUrls是您的新网址

setProductData(prev => ({
  ...prev,
  images: [...prev.images, {_id: newId, urls: newUrls}]
})