인프런 커뮤니티 질문&답변

선생님 안녕하세요? 강의 잘 듣고 있습니다.

Styled Component를 이용한 비디오 배너 만들기에서

iframe에서 src에 movie.videos.results가 없을 경우 오류가 생깁니다.

저는 여기에 옵셔널 체이닝(?.)을 걸어 만약에 movie.videos.results이 없을 경우 undefined를 반환하게 하는 방식으로 해결했습니다. 이렇게 한 경우 오류 페이지가 보이는 대신 동영상을 재생할 수 없다고 뜹니다.

이렇게 하는 방법도 괜찮은지, 혹시 더 좋은 방법이 있다면 가르쳐 주세요.

감사합니다.

src={`https://www.youtube.com/embed/${movie.videos.results[0]?.key}?controls=0&autoplay=1&loop=1&playlist=${movie.videos.results[0]?.key}`}