오늘 퀴즈는 수업때하던 콜백, Promise , async/await 버튼을 만들어 데이터까지 화면에 뿌려주는 것이었다.
그런데 데이터는 받아왔는데 state를 통해 저장하여 map으로뿌리는 과정을 어떻게 응용해야할지 감을 잡을수 없었다.
다행히 고마우신 분의 손길로 해당 state에 받아온 데이터 전체를 setState에 담아 그것을 이용하면된다는 말을 들었다. 그런데 async/await버튼을 클릭하는데
map을 찾을 수 없다는식이되어 아예 화면 로딩이 안되었다.useState소괄호부분에 초기값을 지정을 안해주어그렇 다는 검색결과를 보고 초기값을 빈 배열로 넣어주었는데도
이런 오류가 뜨는게 아닌가?
그래서 이것저것 적용하면서 찾다가 (옵셔널 체이닝 등)
결국 다시 물어봤다. ..
알고보니 저게 배열안의 객체 이기는하나 하나하나 다 문자열이라. JSON.parse를 사용해 객체로 바꿔줘야했었다!
왜 그부분을 못봤었는지...
어쨌든 이렇게 해결! 감사합니다...
