React

TIL 16 MockData 활용하기

물리하는 코딩 2021. 11. 4. 13:52

fetch함수로 mockData를 받는 코드

 

json파일로 구성한 mockData

 

위 사진에 나와있는 mockData를 보면 배열안에 하나의 객체안에 키값들로 데이터를 구분해놓은걸 볼 수 있다.

컴포넌트마다 map함수를 통해서 mockData를 뿌려주기 위해서는 해당 키값에 접근을 해줘야하는데

contents를 키에 할당된 배열값들을 뿌려주기 위해서 고민을 많이 했다.

 

infos[0]으로 먼저 접근을 해줘야한다!!!!!

 

가장 윗줄에 답이 나와있는데 객체내에 큰 데이터 하나가 들어가있기때문에 infos배열의 0번 인덱스에 먼저 접근을

해줘야 객체의 원하는 키에 접근을 할 수 있다. 처음에는 단순하게 infos.contents이런식으로 하다가 

json파일을 쪼개서 줄려고 하다가 json파일을 조작하고 이상한 방법을 다 써봤지만 안됐다. 답은 너무나도 

간단했지만 과정은 험난했다.....