미해결
[리뉴얼] React로 NodeBird SNS 만들기
회원가입 페이지 만들기 약관동의 useCallback 디펜더시 리스트에 대해서 질문 잠 있습니다.
안녕하십니까. 강의 잘 듣고 있습니다. 이번에 따라 배우면서 2강. 회원가입 페이지 만들기 부분에서 뜬금없이 의문이 생겨서 질문드립니다.
useCallback 함수 안에서 사용하는 상태 혹은 props 가 있다면 꼭, deps 배열안에 포함시켜야 된다는 것 입니다. 만약에 deps 배열 안에 함수에서 사용하는 값을 넣지 않게 된다면, 함수 내에서 해당 값들을 참조할때 가장 최신 값을 참조 할 것이라고 보장 할 수 없습니다. 라고 되어있는데 진짜로 변경될 수 있는 상태를 안 넣어주니 제대로 작동을 안하더라구요
const onSubmit= useCallback(()=>{
if(password !== passwordCheck) {
setPasswordError(true);
return;
}
if(!term){
console.log("대체 term 이 왜>>>", term); //왜??????
setTermError(true);
return;
}
console.log(id,nickName,password,passwordCheck, term);
},[password, passwordCheck,passwordError]); //여기에 term이 들어가야지만 작동되는 이유가..
위에 보시면, onsubmit 함수에 디펜더시 리스트에 term이 안 들어가면, 약관에 동의하는 부분이 정상적으로 작동이 되지 않는다. 하지만 콘솔에 찍어보면 막상 값은 잘 바뀌는데, 왜 useCallback 에는 작동이 안 되는지 그 원리가 궁금합니다.
질문이 불친절할 수 있지만, 짧게나마 답변해주시면 감사드립니다!