How to add 4 elements (objects) in array to localstorage, react

Question

I want to add 4 objects the same as in array which should count. How to do so that in localstorage I will have 4 objects with the same properties?

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))
}

if you have multiple products then you better push new product objects in productData array and rest you are doing fine. On getting data from localstorage just parse and map on product data object. if you wanna add keys to product details then change structure lil bit. productData = [{product1:{info: 1}, product2: {info:2} }] — Azeem Aslam
– Azeem Aslam, Commented Mar 27, 2019 at 4:54

chris · Accepted Answer · 2019-03-27 04:35:22Z

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
  ]))
}

answered Mar 27, 2019 at 4:35

chris

6,8436 gold badges43 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Azeem Aslam · Accepted Answer · 2019-03-27 04:56:04Z

1

if you have multiple products then you better push new product objects in productData array and rest you are doing fine. On getting data from localstorage just parse and map on product data object. if you wanna add keys to product details then change structure lil bit.

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

If you have any query ping me will update ans. Thanks

answered Mar 27, 2019 at 4:56

Azeem Aslam

5445 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to add 4 elements (objects) in array to localstorage, react

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related