React.js

[React] [object Object] 출력 문제

Chunho 2022. 3. 21. 16:32

API에서 데이터를 받아와 콘솔에 찍어본 결과

위와 같이 출력되는 문제가 발생했다. 

 

JSON.stringify 함수를 이용하여 문자열로 변경한 뒤 출력해봤지만 단순히 문자열로 많은 정보들이 출력돼서 가독성이 상당히 떨어지고 색조차 입혀져있지 않았다. JSON.parse()를 사용하여 다시 객체로 변경해주면 또다시 [object Object]가 출력.. 딜레마에 빠졌다.

 

원인은 객체 자체만 출력한 것이 아닌 문자열과 같이 console에 출력했기 때문이다.

 

문자열이 아닌 객체 그 자체를 console.log 안에 넣어주어야 객체가 잘 출력되는 것을 확인할 수 있었다.