선상님 리액트 몽고db 데이터 출력 질문있습니다..

[김도완]

리액트 부분에서  ...결과.data 하면  [{},{},{},{}] 이렇게  4개의 배열이 객체에 담겨야 하는 형태가  box라는 변수에 담겨야 하지않습니까? 

그런데 box[0].제목   으로 출력하면 계속 에러가 떠요..    box.제목 으로 출력하면 첫번째 객체만 출력이되고요..  어떤식으로 출력해야하는지 잘모르겟습니다...

[codingapple]

점3개를 제거합시다 괄호벗길 이유는 없어보입니다 

[김도완]

 

선상님

결과.data[0] 이런식으로 배열의 첫번째거 는  잘꺼내집니다.

그런데   setBox  이런식으로 box 에 넣어놓은것은   출력이 이상하게되요..

 

box를 출력하면  [{},{},{}] 까지 출력은 되는데  box[0] 으로 출력하면   타입에러가 뜨면서  0을   정의하라고? 라고 떠요

[codingapple]

데이터가 늦게 도착해서 그럴수도요 

state에 데이터가 있으면 html 보여달라고 코드짭시다 

[김도완]

네  말씀대로  데이터가 늦게 도착해서 그렇더라고요

페이지 화면이 데이터를 받아오기전에  먼저 렌더링 되버리니깐 일어난 문제더라구요

그래서 box[0]?.제목   이런식으로 ?연산자 붙혀서 쓰니깐 해결됫어여

? 연산자가 페이지에 변수값이 들어온뒤 렌더링 해라 라는 의미로도 쓰이는거 처음알았습니다.  감사합니다!

[글쓴이]

글