时间戳

首页 > 解决方案 > 如何使用 React 从 localStorage 读取多个键？

javascript - 如何使用 React 从 localStorage 读取多个键？

问题描述

我正在使用以下行在 localStorage 中保存几个键

代码

我想迭代它们以在购物车中显示产品。但我不能让它显示所有的键

const arre = Object.keys(localStorage)

const recorreArray = (arr) => {
  for(let i=0; i <= arr.length; i++){
  console.log(arr[i]);
  }
}

const prueba = recorreArray(arre)
  

  const stringifiedProducts = localStorage.getItem(arre)
  const products = JSON.parse(stringifiedProducts)

标签： javascriptreactjs

解决方案

首先，您需要制作一个拥有所有密钥的对象。然后将它们设置为本地存储，而不是使用不同的密钥。

例如

 var myobj={
 "firstData":"data1",
 "secondData":"data2",
 "thirdData": "data3"
 }

现在将此数据设置为 localStorage

 localStorage.setItem('MyObject', JSON.stringify(myobj));

现在从 localStorage 设置此数据

 var AllKeysFromLocalStorage = localStorage.getItem('MyObject');

推荐阅读