인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

컴공과님의 프로필 이미지
컴공과

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

netflix modal props 문의

작성

·

271

0

강사님!

강의 너무 잘 듣고 있습니다.

netflix modal 강의중에 state를 props로 모달에 전달해 줄때 전개연산자(movieSelected)로 전달한 이유가 궁금합니다.

테스트로 movieSelected = { movieSelected } 로 했을때 모달에 데이터가 제대로 넘어가지 않는것을 확인하였습니다. state 가 {} 객체인 경우라서 그런건지 문의 드립니다.

{
   modalOpen &&
       <MovieModal {...movieSelected} setModalOpen={setModalOpen} />
}

...
MovieModal : index.js
function MovieModal({
    backdrop_path,
    title,
    overview,
    name,
    release_date,
    first_air_date,
    vote_average,
    setModalOpen
})

답변 1

1

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요!

{...movieSelected}를 해서 전개연산자로 보내면
원래는 movieSelected={moviselected}로 보냈을 때는 props로 받아줄 때 movieSelected.backdrop_path, movieSelected.title 이런 식으로 받아줘야 하지만
{... movieSelected}로 보내면 개별 변수로 받아줄 수 있기 때문에 이런 식으로 보냈습니다 ~

감사합니다!

컴공과님의 프로필 이미지
컴공과

작성한 질문수

질문하기