강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

kun_hee kim님의 프로필 이미지
kun_hee kim

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

immer 도입하기

Post 업로드 할 때 문제

작성

·

136

0

강의를 들으면서 가급적 제로초님 코드를 그대로 따라하기 보다는 제 나름대로 바꿔가면서 공부중에 있었습니다.

물론 비개발자보다보니 아주 탄력적으로는 못바꾸고.. 변수명이나 파일 더 쪼개고 뭐 이런정도인데...

포스트 업데이트 관련 부분 공부 중 제가 바꾼 부분이 뭔가 작동이 안되어서 제로초님 Git을 보고 다시 원상복구를 시켜봤거든요.

그런데도 제대로 업데이트가 안되는 문제가 발생했습니다.
보다 구체적으로, PostForm.js에서 onSubmit 콜백함수 안에 text변수를 못 받아오더라구요.

그런데 똑같은 방식으로 구현된 CommentForm.js에서는 잘 받아오고... 

둘의 차이가 뭘까해서 봤더니, PostForm.js에서는 useCallback의 두번째 인자(배열)에 text 변수를 안 넣고 CommentForm.js에서는 두번쨰 인자(배열)에 commentText 등등 반환할 value를 명시해주더군요.

그래서 PostForm.js에서도 CommentForm.js랑 똑같이 useCallback 두번째 인자(배열)에 text를 써줬더니 제대로 업데이트가 되었습니다.

아무래도 useCallback 두번째 인자인 배열 안에 text를 넣어줘야 할 것 같은데, 제로초님 Git에는 여전히 빠져있어서 문의드립니다. 

혹시 제로초님 Git처럼 두번째 인자(배열)에 굳이 text 를 넣지 않더라도 원래 포스트 업데이트가 제대로 되어야 하는게 맞는건지 궁금합니다.

아래는 제로초님 Git 코드 중 해당 부분입니다. (components/PostForm.js)

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

text를 [] 안에 넣어주셔야 합니다. [text]

useCallback은 []에 의존합니다.

kun_hee kim님의 프로필 이미지
kun_hee kim

작성한 질문수

질문하기