useCallback 리렌더링

usecallback?

-> 특정함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다.

useCallback(function, 값)

값이 변경될 때마다 function이 다시 실행된다(리렌더링)

예시 코드

const dispatch = useDispatch();

const onLogout = useCallback(
        () => {
            dispatch({
                type: LOGOUT_REQUEST,
            });
        },
        [dispatch]
    );

dispatch 함수가 LOGOUT_REQUEST값이 변경될 때마다 실행된다