📚 Reference

• 공식 문서 1

📜 Chapter

ref

forwardRef

useImperativeHandle

• useImperativeHandle
• Imperative
  • 명령적인
  • 피할 수 없는
• useImperativeHandle은 참조로 노출되는 핸들을 사용자 정의할 수 있는 React Hook이다.
• 부모 컴포넌트가 자식 컴포넌트의 특정 함수나 값을 ref를 통해 호출할 수 있도록 해주는 React 훅이다.
• 이는 일반적인 React의 선언적(Declarative) 방식과 달리, 부모가 자식의 특정 메서드를 직접 호출하는 명령적(Imperative)인 동작을 허용한다.
• useImperativeHandle은 ref로 노출되는 핸들을 사용자가 직접 정의할 수 있게 해주는 React 훅이다.
• 이 hook은 child component의 상태 변경을 parent component에서 하거나, child component의 핸들러를 parent component에서 호출해야 하는 경우 사용하는 hook이다.

사용 용도

• 부모 component가 자식 component의 인스턴스 값을 커스터마이징 하려는 경우

역할

• 보통 React에서 ref를 컴포넌트에 연결하면 해당 컴포넌트의 DOM 노드에 접근하게 된다.