[React.js, 리액트] 자식 컴포넌트에서 부모 컴포넌트로 데이터 전달하기

리액트는 props를 이용하여 부모 컴포넌트에서 자식 컴포넌트로 데이터를 쉽게 전달할 수 있다.

반대로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하려면 조금 까다롭다.

 

만약 자식 컴포넌트에서 이름, 나이를 입력받아 부모 컴포넌트로 전달해야 한다면, 부모 컴포넌트에서 자식 컴포넌트를 불러올 때 props로 useState의 setter 또는 함수의 포인터를 전달한다.

 

 

 

자식 컴포넌트는 부모 컴포넌트로부터 prop를 받은 후에, setter 또는 함수의 매개변수에 부모 컴포넌트에 전달하고자 하는 데이터를 실어 실행한다.

 

쉽게 말해서 부모 요소에 있는 함수의 포인터를 자식 요소에 연결해서, 자식 요소에서  부모 요소의 함수를 실행할 수 있도록 하는 구조이다.