props질문입니다.

해결됨
rhaehl@naver.com 프로필
PhoneInfoList.js에서
<PhoneInfo info={info} key={info.id}/>
PhoneInfo컴포넌트한테 전달하는데
받을 때
const {name, phone, id} = this.props.info;
this.props.info로 받는건 알겠습니다.
그런데 App.js에서 PhoneInfoList로 전달할때
<PhoneInfoList data={this.state.information}></PhoneInfoList>
data=어쩌고 보내니까 PhoneInfoList에서
const { data } = this.props.data;로 받아야하는 줄 알고
그렇게 작성했더니 에러가 났습니다.
this.props; 로 하면 되고
this.props.data로 하면 에러가 나는데
개념이 아직 안되어있는건지는 모르겠는데 설명해주실 수
있나요 ㅠ
 
Hyunsang Han 프로필
Hyunsang Han 9달 전

지나가던 수강생입니다만 댓글 달아드립니다.

 

this.props.data 가 있잖아요~

이 말은, 맨윗층이 this, 그아랫층이 props, 그아래아랫층이 data 이라는 것입니다.

 

일반화해서 써보면,

const { 아래아랫층 } = 맨윗층.그아랫층;

이 되어야 문법이 맞습니다.

 

const { 아랫층 } = 맨윗층;

이렇게 쓰신 뒤, 나중에 활용하실 때 아랫층.아래아랫층 이렇게 쓰셔도 되구요.

 

무슨 원리나면, 등호 오른쪽에 있는 객체 내부에서, 등호 왼쪽에 있는 객체 이름과 같은 이름의 객체를 찾아 불러온다는 의미입니다. 따라서 항상 등호 왼쪽보다 오른쪽이 한층 위의 객체여야 합니다.

rhaehl@naver.com 프로필
rhaehl@naver.com 9달 전

감사합니다👍👍!!

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스