inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

netflix modal props 문의

289

컴공과

작성한 질문수 17

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
})

redux tdd react typescript Next.js

답변 1

1

John Ahn

안녕하세요!

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

감사합니다!

강의 소스 코드 압축 풀기 오류

0

72

1

런타임 에러 ㅠㅠ

0

87

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

104

1

안녕하세요 개발과 상관없는 질문입니다만

0

112

1

리액트 라우터 관련

0

104

1

react-beatiful-dnd에서 문제가 발생합니다.

0

104

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

816

1

useEffect로 사용을 해도 되나요?

0

201

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

282

2

리액트 dockderfile 작성 시 COPY 질문

0

149

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

197

1

오류가 안보여요

0

197

1

CSS

0

219

1

local storage

0

212

1

list컴포넌트 생성하기

0

224

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

333

1

Banner.css에 대해서

0

448

1

플러그인이 추천을 안해줍니다

0

323

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1157

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

285

2