로컬스토리지에있는 데이터 어떻게 사용하나요 ?

[형산]

/

 

 

최근본상품목록만드려고합니다.

사진첨부보시면. 강의 내용대로 detail/0 으로 들어가면 0추가, detail/1로 들어가면 1추가되는 방식으로 따라왔습니다.

 

useEffect( ()=>{
    var arr = localStorage.getItem('watched');
    if(arr==null){ arr =[]}else {arr=JSON.parse(arr)}
 
    arr.push(id);
    arr = new Set(arr);
    arr = [...arr];
    localStorage.setItem('watched', JSON.stringify(arr) );
  console.log(arr);
  }, [] );

일단 이렇게 arr변수로 만들어서 useEffect 세팅한 후

 

저 데이터를 활용해서 

{

arr.map((a,i)=>{

    return(

  <div className="recently">
          최근본상품
          <img
        src={
          "https://codingapple1.github.io/shop/shoes"+ (a.id) +".jpg"
        }
        width="100%"
        alt=""
      />
        </div>

  )

}

 

일단 이렇게 시도를 해봤는데(맞는지는 모르겠으나),   arr is not defined라고 뜨더라구요.

localStorage에 있는 array를 어떻게 활용해서 최근본상품목록을 만드는데 적용해야할까요 ?

[codingapple]

arr.map((a,i)=>{

쓰기 전에 arr가 존재하면 arr.map 해달라고 if 조건문을 추가하는게 어떨까요

[글쓴이]

글