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

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글
2022년 1월 16일 11:13 #24796

산딸기
참가자

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

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

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

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

2022년 1월 16일 16:36 #24843

codingapple
키 마스터

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

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

2022년 1월 16일 17:12 #24848

산딸기
참가자

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

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

2022년 1월 16일 22:26 #24881

codingapple
키 마스터

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

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

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

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

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png