banner가 여러 번 실행됩니다

혹시 그림과 같이 한번 실행될때 두번이 실행되는 이유가 무엇인가요?? 무슨 state가 바껴서 request.data 2번 후 data 2번이 실행되는 건가요??

그리고 해결을 하고 싶은데..ㅠㅠ

이 에러도 같이 뜨네요..ㅠㅠ

안녕하세요~~ 우선 첫번째 두번이 실행이 된다고 하시는건 제가 어떤걸 말씀하시는건지 잘 몰라가지고..ㅠㅠ

두번째  올려주신

위의 에러는 저도 동일한 질문을 하였는데 저런 에러가 뜨는이유는 

리액트는 실행이 되면 렌더링을 먼저 하게됩니다 그렇게 되면 

movie?.backdrop_path

Banner.js 의 헤더태크에서 백그라운드 이미지 경로를 설정을 해주었는데 리액트가 렌더를 제일먼저 실행하기에  movie안에는 아무것도 없겠죠? 왜나하면 state를 설정할때 빈배열을 기본값을 줬잖아요?https://image.tmdb.org/t/p/original/${movie?.backdrop_path}

그러기에 original/의 뒤의 값이 없어서 undefined가 나오고 404에러가 나오는것입니다

그리고 제가 movie.backdrop_path가 아닌 movie?.backdrop_path로 쓴이유는 ?가 있으면

리액트가 렌더를 할때 저기 값이 없으면 렌더하지 않고 그다음 태그로 넘어가게 됩니다

이렇게 렌더가 다 되고 난후 useEffect()가 실행이 됩니다 그러면 fetchData()함수가 실행이 되고 그렇게 되면 setMovie()가 실행이 되어 state가 변경이 됩니다 

리액트는 state가 변경이 되면 자동으로? 렌더링이 됩니다

이제는 movie안에 값이 있으니까 그럼 리렌더링이 되고 이미지가 나오게 됩니다

안녕하세요. 답변 정말 감사합니다. 

답변 해주신 내용은 이해가 되는데.. 에러 해결이 안되었습니다 ㅠㅠ

어떤 에러 말씀하시는 건가요?

말씀해주신대로 옵셔널 체이닝(movie?.drop_path)을 넣어도 같은 404에러가 뜹니다. ㅠㅠ