선생님 질문이 있습니다.

Question

안녕하세요. 강의 잘 보고 있습니다!

다름이 아니라, LandingPage.js 와 MainImage.js 를 보고 따라했는데, MainImage.js에 prop으로 인자를 받는데,

console.log로 prop의 인자를 확인하면, 값이 undifined로 뜹니다.

예를들어 LandingPage.js 에서 <MainImage title={MainMovieImage.original_title}/> 이런식으로 하면,

값이 undifined가 나옵니다.

LandingPage.js 에서 function LandingPage() {...} 부분에서 console.log(response.results)를 하면 이때는 또 값이 잘 나오네요.. 뭐가 문제일까요?

Answer

해결했습니다.

저랑 같은 오류가 나신 분들은

LandingPage.js 에서

fetch(endpoint) .then~~~ 부분에서

setMovies(...[response.results]);

setMainMovieImage(...[response.results[0]]);

로 바꾸시면 해결 됩니다.