API유틸overlay.closeAll

overlay.closeAll

overlay.closeAll은 현재 열려 있는 모든 오버레이를 닫는 함수예요.

화면에서 오버레이를 제거하지만, 메모리에서 완전히 삭제하지는 않아요.

overlay.closeAll();

레퍼런스

overlay.close()

열려있는 모든 오버레이를 닫을 때 overlay.closeAll을 호출하세요.

overlay.closeAll();

주의사항

이 함수를 호출하면 화면에서 오버레이가 사라지지만, 오버레이는 여전히 메모리와 React 요소 트리에 남아 있어요.

오버레이를 완전히 제거하려면 애니메이션이 끝난 후에 overlay.unmountAll을 추가로 호출해야 해요.

사용법

여러 개의 오버레이를 열고, overlay.closeAll을 사용해 한 번에 닫을 수 있어요.

overlay.open(({ isOpen, close, unmount }) => {
  return <ConfirmDialog isOpen={isOpen} close={close} onExit={unmount} />;
});
overlay.open(({ isOpen, close, unmount }) => {
  return <ConfirmDialog isOpen={isOpen} close={close} onExit={unmount} />;
});
overlay.open(({ isOpen, close, unmount }) => {
  return <ConfirmDialog isOpen={isOpen} close={close} onExit={unmount} />;
});
 
// 위 세 개의 오버레이를 모두 닫습니다.
overlay.closeAll();
overlay.closeoverlay.unmount