최근본상품2 질문입니다

[쟈니]

안녕하세요~
최근 본 상품을 만드는데 질문 있습니다!

recentView를 콘솔하면 어레이가 잘 나오는데 문제는 recentView[0] / recentView[1].id는 제대로 아웃풋이 안나옵니다.
recentView의 초기값은 []이나 null 둘 다 상관없는건가요?





아래는 return에 아래처럼 쓰면 [ , } , i 처럼 나오고
setRecentView(JSON.stringify(newArr)) 때문인거 같은데 다른걸 쓰면 error로 빈화면이 나옵니다.

 

<div id="mttContainer" class="bootstrapiso notranslate" dir="ltr" style="transform: translate(952px, 144px);" title="" data-original-title="최근 보기"> </div>

[codingapple]

setRecentView안에서 stringify는 할 필요 없어보입니다

[쟈니]

콘솔에서 localStorage를 보면 클릭하는데로 value에 새로운 오브젝트가 제대로 들어가지만 4가지 문제가 있습니다 ㅠ

문제 1) id 1을 눌렀을때 + return에 아무것도 적지 않았을때 = 화면은 보임 + 콘솔에 recentView가 빈 어레이로 나옵니다.



문제 2) return에 {recentView} 를 쓰면 흰 화면 + 콘솔에러가 뜹니다. 


문제 3) 혹시 이 에러는 무슨 뜻인가요? 여기서 promise나 async를 써야할 부분이 있을까요?

 
<div id="mttContainer" class="bootstrapiso notranslate" dir="ltr" style="transform: translate(109px, 235px);" title="" data-original-title="았는데"> </div>

[쟈니]

문제 4) {recentView.length === 0 ? null : recentView[0].title}으로 수정하니 첫번째 타이틀까지는 나오는데 0 대신 i가 들어가게 for loop을 이 안에 쓸 수는 없는건가요?

 
<div id="mttContainer" class="bootstrapiso notranslate" style="transform: translate(444px, 321px);" title="" data-original-title=""> </div>

[쟈니]

아앗 map으로 해결했습니닷! 🥴🥴

<div id="mttContainer" class="bootstrapiso notranslate" style="transform: translate(133px, 320px);" title="" data-original-title=""> </div>

[글쓴이]

글