useLogger

useLogger (렌더링 로깅)

useLogger 훅은 컴포넌트가 렌더링될 때마다 주어진 값을 콘솔에 기록해요.

출처: 문서

본문

useLogger 훅은 컴포넌트가 렌더링될 때마다 주어진 값을 콘솔에 기록해요. DevTools를 열어 콘솔에서 상태 변경을 확인하세요.

import { useState } from 'react';
import { useLogger } from '@mantine/hooks';
import { Button } from '@mantine/core';

function Demo() {
  const [count, setCount] = useState(0);
  useLogger('Demo', [{ count, hello: 'world' }]);
  return <Button onClick={() => setCount((c) => c + 1)}>Update state ({count})</Button>;
}

정의 (Definition)

function useLogger(componentName: string, props: any[]): any;

더 알아보기 (Learn more)