Skip to main content

usePreservedCallback

usePreservedCallback

컴포넌트가 mount 되어 있는 동안 인자로 주어진 callback 함수의 레퍼런스를 보존합니다.

주어진 callback을 React의 Ref 로 감싸서 레퍼런스를 보존합니다.

const callback = usePreservedCallback<Callback>(
// 레퍼런스를 보존할 함수 (타입: Callback)
callback
)

Examples

const callback = usePreservedCallback(() => {
alert('나는 절대로 레퍼런스가 바뀌지 않아');
});

useEffect(() => {
// 이 Effect는 1번만 호출된다.
callback();
}, [callback])