use-page-leave

use-page-leave

마우스가 페이지를 벗어날 때 지정한 함수를 호출하는 훅이에요.

출처: 문서

본문

사용법 (Usage)

use-page-leave 훅은 마우스가 페이지를 벗어날 때 지정한 함수를 호출해요.

import { useState } from 'react';
import { usePageLeave } from '@mantine/hooks';

function Demo() {
  const [leftsCount, setLeftsCount] = useState(0);
  usePageLeave(() => setLeftsCount((p) => p + 1));
  return <>Mouse left the page {leftsCount} times;
}

정의 (Definition)

function usePageLeave(onPageLeave: () => void): void;

더 알아보기 (Learn more)