회원가입 페이지 만들기 약관동의 useCallback 디펜더시 리스트에 대해서 질문 잠 있습니다.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하십니까. 강의 잘 듣고 있습니다. 이번에 따라 배우면서 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 에는 작동이 안 되는지 그 원리가 궁금합니다. 질문이 불친절할 수 있지만, 짧게나마 답변해주시면 감사드립니다!
- term
- express
- usecallback
- nodejs
- redux
- react
- Next.js