通过保存在会话存储中的对象进行解析

时间:2018-09-19 20:15:26

标签: reactjs ecmascript-6 react-props

因此,我为对象分配了两个属性,第一个“项目”是会话存储中保存的对象数组

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

第二个只是一个字符串

"this is an example"

当我console.log postingItems时,它可以正常工作,并且发现对象已合并

method = (e) => {
        const postingItems = Object.assign({}, {
          items: sessionStorage.getItem("items1"),
          method: sessionStorage.getItem("method")
        });
        sessionStorage.setItem("items", postingItems)
        console.log(postingItems)
  }

但是当我将postingItems保存在sessionStorage中,然后在console.log中时,它将在控制台[Object Object]上向我显示

sessionStorage.setItem("finalItems", postingItems);
console.log(sessionStorage.getItem(finalItems));

1 个答案:

答案 0 :(得分:3)

您需要先对对象进行字符串化,然后在加载/获取时间上进行解析

sessionStorage.setItem("finalItems", JSON.stringify(postingItems));
console.log(JSON.parse(sessionStorage.getItem("finalItems")));