부모 자식간의 교류에 관하여.

props는 React 컴포넌트에서 부모 컴포넌트로부터 값을 전달받는 데 사용되는 속성입니다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 props를 사용하며, 이는 단방향 데이터 흐름을 나타냅니다.

반대로 자식 컴포넌트에서 부모 컴포넌트의 값을 변경하려면 부모 컴포넌트에서 자식 컴포넌트로 콜백함수를 전달하는 방식을 사용합니다.

자식 컴포넌트는 이 콜백 함수를 호출하여 부모 컴포넌트에게 데이터를 전달합니다. 이러한 방식으로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하면 단방향 데이터 흐름의 한계를 극복할 수 있습니다.

 

콜백함수 사용하기.

1. 부모컴포넌트에서 콜백함수를 정의

2. 정의한 콜백함수를 자식의 props로 전달하고,

3. 자식 컴포넌트에서 어떤 이벤트가 발생했을때, 콜백 함수를 호출하면서 인자로 값을 전달.

4. 인자로 들어온 자식컴포넌트의 값을 부모 컴포넌트에서 콜백 함수를 사용하면서 사용.