인프런 커뮤니티 질문&답변
작성한 질문수
useCallback 질문드립니다.
작성
·
181
0
안녕하세요. useCallback 질문드립니다.
1. 아래 코드에서 useCallback을 사용한 onChangePasswordConfirm1은 리렌더링이 일어나게 되도 함수를 재생성하지 않고, password가 바뀌었을 때만 useCallback안의 함수가 재실행되는 것이고,
2. useCallback을 사용하지 않은 onChangePasswordConfirm2는 리렌더링이 일어날 때마다 함수를 재생성한다.
3. 아래 코드에서 두 함수 모두 동작하지만 useCallback을 사용한 함수는 캐싱되기 때문에 성능적으로 더 최적화된 코드이다.
제가 이해한 내용이 맞는지 확인 한 번 부탁드립니다. 감사합니다.
const onChangePasswordConfirm1 = useCallback((event) => {
setPasswordError(password !== event.target.value);
setPasswordConfirm(event.target.value);
},[password])
const onChangePasswordConfirm2 = (event) => {
setPasswordError(password !== event.target.value);
setPasswordConfirm(event.target.value);
};
감사합니다~