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

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

조다혜님의 프로필 이미지
조다혜

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

src/hoc/auth.js에서 return <SpecificComponent {...props} user={user} /> 질문입니다!

작성

·

206

0

컴포넌트에 props로 user를 넣어줄때 그 앞에 {...props}는 의미가 뭔가요??

답변 1

0

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

안녕하세요 조다혜님  !! 

저 부분은    부모 컴포넌트에서  자녀 컴포넌트로 데이터를 내려줄 때 사용합니다. 

만약 

부모 컴포넌트에서 

x=1 , y=1, z=1 을  

자녀 컴포넌트에 내려주려면 

<자녀 컴포넌트   x=1  y=1 z=1  />이렇게도 해줄수 있지만 

let props = { x: 1, y: 1, z: 1}

<자녀 컴포넌트 {...props} /> 이렇게도 해줄수있습니다.  

그래서 지금 프로젝트에서는  자녀컴포넌트들이 LoginPage 컴포넌트나 App.js에 있는 컴포넌트들에 history 객체등을 내려줘서 사용한다고 보면 됩니다 ~ !!!  
모르시는건 더 질문주세요 !! 감사합니다.

조다혜님의 프로필 이미지
조다혜
질문자

강의 잘 듣고 있습니다 감사합니다!

조다혜님의 프로필 이미지
조다혜

작성한 질문수

질문하기