useImperativeHandle
- useImpretiveHandle로 forwardRef로 전달된 객체에게 일관된 함수를 제공할 수 있다.
- AlertModal은 dialog, div, p 등 어떤 형태로든 모달을 정의할 수 있고, 통일된 모달 함수를 통해 제어할 수 있게 된다!
-
Modal 컴포넌트를 개발하는 개발자의 성향에 따라 모달 태그가 달라질 수 있다.
A 개발자:<dialog>
B 개발자:<div> -
모달의 태그에 따라 모달을 실행하는 방법이 달라진다.
-
이런 경우, useImperativeHandle을 이용해 함수를 통일시켜 ref를 통해 실행할 수 있다.
useImperativeHandle 적용해보기
