如何将数组中的4个元素（对象）添加到本地存储，反应答案

【问题标题】：How to add 4 elements (objects) in array to localstorage, react如何将数组中的4个元素（对象）添加到本地存储，反应
【发布时间】：2019-03-27 12:56:04
【问题描述】：

我想添加 4 个与数组中相同的对象，这些对象应该计数。如何在 localstorage 中拥有 4 个具有相同属性的对象？

componentDidMount(){
    const productData = [
        {
            productImg: JSON.parse(this.props.data.getProduct.mediaUrl).images[0],
            productPrice: this.props.data.getProduct.minimalPrice,
            productName: this.props.data.getProduct.name,
            productOID: this.props.data.getProduct.oid
        }
    ]

localStorage.setItem('looked-recently', JSON.stringify(productData))
}

【问题讨论】：

如果可以请多解释
如果您有多个产品，那么您最好将新产品对象推送到 productData 数组中，然后您就可以正常工作了。在从本地存储中获取数据时，只需解析和映射产品数据对象。如果您想为产品详细信息添加密钥，请更改结构 lil 位。 productData = [{product1:{info: 1}, product2: {info:2} }]
如果您的问题范围更广，请联系我 :)

标签： reactjs local-storage

【解决方案1】：

componentDidMount() {

  const productData = {
    productImg: JSON.parse(this.props.data.getProduct.mediaUrl).images[0],
    productPrice: this.props.data.getProduct.minimalPrice,
    productName: this.props.data.getProduct.name,
    productOID: this.props.data.getProduct.oid
  }

  localStorage.setItem('looked-recently', JSON.stringify([
    productData,
    productData,
    productData,
    productData
  ]))
}

【讨论】：

【解决方案2】：

如果您有多个产品，那么您最好在 productData 数组中推送新的产品对象，然后您就可以正常工作了。在从本地存储中获取数据时，只需解析和映射产品数据对象。如果您想为产品详细信息添加密钥，请更改结构 lil 位。

productData = [{product1:{info: 1}, product2: {info:2} }]

如果您有任何疑问 ping 我会更新 ans。谢谢

【讨论】：