使用本地存储将数组存储为值并更新它

时间:2020-10-23 10:39:23

标签: javascript css reactjs local-storage

我正在尝试使用将某些数据保存在本地存储中。我在这里尝试,

let marks = localstorage.getItem('marks') || [] 

现在,我正在尝试使用一些操作将元素添加到此数组中。

const addMarks = () => {
  
localstorage.setItem('marks', ['10'])   

}

然后我正在使用此变量来呈现类似的标记

marks.map((index, mark) => {

  return <h1>mark</h1>

})

但是这种方式不能像localstorage那样工作,只支持将字符串作为value

我该如何实现?

4 个答案:

答案 0 :(得分:0)

序列化JSON.stringify() 并解析回Parse

答案 1 :(得分:0)

CONST SEGMENT $SG3830 DB 'hello, world', 0AH, 00H CONST ENDS PUBLIC _main EXTRN _printf:PROC <- what is this funct?! _TEXT SEGMENT _main PROC push ebp mov ebp, esp push OFFSET $SG3830 call _printf add esp, 4 xor eax, eax pop ebp ret 0 _main ENDP _TEXT ENDS 仅支持将字符串用作值,保存它们时必须localStorage个对象,检索它们时必须JSON.stringify个对象

JSON.parse

答案 2 :(得分:0)

您是否尝试过仅使用.split()方法?如果创建数组['10','9','8'],则将得到'10,9,8'。只需使用.split(','),您将获得一个数组!

localStorage.getItem('marks')。split(',')

答案 3 :(得分:-1)

设置标记时,您必须使用JSON.stringify方法:

const addMarks = () => {

localstorage.setItem('marks', JSON.stringify(['10']))   

}

在获得标记的同时使用JSON.parse:

let marks = JSON.parse(localstorage.getItem('marks')) || [];