[React] 컴포넌트끼리 데이터 넘기기 총정리

 

뷰든 리엑트든 항상 나오는 props 한방에 정리한닷

Passing Props to a Component

 

1. 부모에서 자식에게 데이터 넘기기

일단 데이터 보낼때 따로 쪼개써도 되고(data/location), 안에 string이든 객체든 넣을 수 있음.

받은 친구는 props라는 단어를 통해 받아 쓸 수 있고, 혹은 { }안에 키값만 써서 props를 떼고 더 간편하게 쓸 수 있음.

 

 

2. 자식에서 부모에게 데이터 넘기기

 

솔직히 상위로 올려보낼때 포인터랑 함수이름 쓰는 부분 헷갈리는거 나만그럼?

 

 

3. 부모에서 자식 함수 쓰기

forwardRef를 쓰면 되는데 약간 쓸게 많아서 잘 봐야한다.