중괄호에 뭘 적어야 에러가 안뜰까요...??

[산딸기]

 

api 호출해 json데이터를 콘솔에 찍으면 첫번째처럼 나오는데 코드에 어떤 프로퍼티를 적어줘야 하는지 모르겠습니다.

세 번째 처럼 data.location.name이 seoul 아닌가요? 그렇게 쓰면 두 번째 처럼 에러가 뜹니다.

data.name, data.location은 아무것도 안나옵니다. useState에 똑같이 data라고 작명해서 그런걸까요??

뭐라고 적어줘야 json데이터를 ui에 박죠??

[codingapple]

데이터가 ajax로 늦게 도착하는데 html 안에서 data.location 이런걸 미리 쓰고 있어서 그런듯요 

data 변수에 뭐가 들어있으면 html을 보여달라고 if문을 쓰면 될듯요 

 

[산딸기]

 {data.length>0 &&
    <h2 className="card-title">{data.location.name}</h2>}

에러는 안뜨는데 여전히 아무것도 찍히지 않습니다. 거짓이어서 null처리 된 건가요? 콘솔창엔 json 자료 뜨는데요... 추가로 궁금한건 if문 축약형 감싼 중괄호 안 html 태그가 두줄 이상이면 코드편집기에서 에러표시로 빨간줄뜹니다. 꼭 한 줄 (<h2>) 이어야 하나요... 두줄 <h2></h2><p></p> 중괄호로 감쌌더니 vscode에서 에러뜨네요

[codingapple]

.length말고 data.location != undefined 이런걸로 비교합시다 

두줄은 <> 이걸로 묶거나 그래봅시다 

[글쓴이]

글