객체 랜더링 문제
문제 발생
레시피를 작성하고 상세페이지에서 띄워주려니까 이런 문제가 발생.
원인 추론
같은 테이블에 있는 API 데이터는 잘 뿌려주는 것을 보면 테이블을 불러오는데는 문제X
API 데이터와 내가 직접 입력한 데이터의 재료 컬럼 차이에서 생기는 문제 같았음.
찾아보니까 객체를 그대로 랜더링 하려고 해서 일어나는 문제라고 한다.
API데이터는 재료가 그냥 String으로 들어가고, 내가 작성한 레시피는 재료가 객체 배열로 들어가서 그런듯.
기존 상세페이지 테스트를 API데이터로 테스트해서 간과했던 부분!
(위) 내가 작성한 레시피 (아래) API 데이터
처음 테스트 할 때 API 데이터로 테스트를 해서 코드를 아래처럼 작성했었다.
해결방법
재료 데이터의 타입을 검사해서 string이면 기존처럼 보여주고, 배열이라면 맵으로 돌려준다!
완료
일반 string인 경우와 배열인경우 둘 다 잘 뜬다!
