부모에서 자식 컴포넌트의 함수 호출하기

이 글은 React에서 부모 컴포넌트가 자식 컴포넌트의 함수를 호출하는 방법에 대해 설명합니다. 주로 두 가지 방법을 제시하는데, 첫 번째는 props를 이용하는 방법으로, 부모 컴포넌트에서 함수를 정의하고 이를 props로 자식 컴포넌트에 전달하여 자식 컴포넌트에서 호출하는 방식입니다.

두 번째는 `useRef` 훅을 사용하는 방법으로, 부모 컴포넌트에서 자식 컴포넌트의 인스턴스에 접근할 수 있는 ref 객체를 생성하고, 이를 자식 컴포넌트에 전달하여 자식 컴포넌트의 함수를 직접 호출하는 방식입니다. `useRef`를 사용하면 자식 컴포넌트의 상태나 메서드에 직접 접근할 수 있어 더욱 유연한 제어가 가능합니다.

이 두 가지 방법을 통해 React 애플리케이션에서 컴포넌트 간의 상호작용을 효과적으로 구현할 수 있습니다.