use-shallow-effect

use-shallow-effect

의존성 배열을 얕은(shallow) 비교로 검사하는 useEffect 변형 훅이에요. 원시 값, 배열, 객체와 함께 동작해요.

출처: 문서

본문

사용법 (Usage)

이 훅은 원시 값, 배열, 객체와 함께 동작해요:

import { useShallowEffect } from '@mantine/hooks';

// Primitive values are handled like in useEffect
useShallowEffect(() => {}, [1, 2, 3]);

// Arrays with primitive values will not trigger callback
useShallowEffect(() => {}, [[1], [2], [3]]);

// Objects with primitive values will not trigger callback
useShallowEffect(() => {}, [{ a: 1 }, { b: 2 }]);

// Arrays with objects will trigger the callback since values are not shallow equal
useShallowEffect(() => {}, [[{ a: 1 }], [{ b: 2 }]]);

정의 (Definition)

function useShallowEffect(
  cb: () => void,
  dependencies?: React.DependencyList
): void;

더 알아보기 (Learn more)