useCallback()

useCallback()

 

hook의 하나.

아래의 변수 5개 중 1개라도 바뀌면 새로운 변수를 포함한 새로운 함수를 만들어줌.

그렇지 않으면 그대로 기존 함수를 기억했다가 불러옴.(캐싱)

 

리랜더링을 막기위함. 그리고 디버깅을 원활히 하기 위함.

 

const onSubmit = useCallback(

    async (e) => {

      e.preventDefault();

      console.log(email, nickname, password, passwordCheck, mismatchError)

    },

    [email, nickname, password, passwordCheck, mismatchError],