use-previous

use-previous

값(props나 state)이 변경되기 전의 이전 값을 추적하는 훅이에요. 이전 렌더링 시점의 값을 반환해요.

출처: 문서

본문

사용법 (Usage)

usePrevious 훅에 현재 값을 넘기면 이전 값을 얻을 수 있어요. 입력 값이 바뀌었는지 비교할 때 유용해요.

import { TextInput, Text } from '@mantine/core';
import { usePrevious, useInputState } from '@mantine/hooks';

function Demo() {
  const [value, setValue] = useInputState('');
  const previousValue = usePrevious(value);

  return (

      Current value: {value}
      Previous value: {previousValue}

  );
}

정의 (Definition)

function usePrevious(value: T): T | undefined;

더 알아보기 (Learn more)

• use-pagination
• use-queue