useForceUpdate

useForceUpdate (강제 리렌더링)

useForceUpdate 훅은 호출하면 상태 변경 없이 컴포넌트를 다시 렌더링하는 함수를 반환해요.

출처: 문서

본문

useForceUpdate 훅은 호출 시 컴포넌트를 다시 렌더링하는 함수를 반환해요.

import { Button, Text, Group } from '@mantine/core';
import { useForceUpdate, randomId } from '@mantine/hooks';

function Demo() {
  const forceUpdate = useForceUpdate();

  return (
    <Group>
      <Text>{randomId()}</Text>
      <Button onClick={forceUpdate}>Force update</Button>
    </Group>
  );
}

정의 (Definition)

function useForceUpdate(): () => void;

더 알아보기 (Learn more)