본문 바로가기

Study Output for Myself/React

LocalStorage에 데이터 저장, 불러오기

정보를 하나씩 key , value를객체 형태로 해서 저장했더니 다루기가 쉽지 않고 문제가 많았다.

key를 하나로 하고 값으로 Array를 넣고 그 Array 안에 Object형태로 데이터 하나하나를 넣으면 되는 거였음!

localStorage.setItem('people',JSON.stringify(peopleArr))

localstorage 안에 객체가 들어갈 수 없기 때문에 JSON.stringify로 문자열로 만들어서 저장.

JSON.parse(localStorage.get('people'))

가져올때는 JSON.parse 로 다시 객체로 변환해서 가져옴.

 

아, people은 이렇게 생겼음. :) 

const people=[{id:1, name: 'Dahye', age: 27, height:166}, {id:2, name:'Eunhye', age:30, height: 170]

 

 

'Study Output for Myself > React' 카테고리의 다른 글

[react] 6 high severity vulnerabilities  (0) 2022.08.11
[React]useMemo & useCallBack  (0) 2022.05.30
react에서 Title 지정하기  (0) 2022.05.24
useReducer  (0) 2022.05.20
React-Dom-Router  (0) 2022.05.19