강의

멘토링

커뮤니티

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

윤동호님의 프로필 이미지
윤동호

작성한 질문수

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

react-query 사용과 관련하여 질문드립니다 !

작성

·

550

1

안녕하세요 항상 답변 감사드립니다. 현재 redux-saga를 react-query로 바꿔보려고 시도중에 있습니다.

git에 올려주신 react-query 브런치 참고하여 login 부분과 loadMyinfo 부분을 바꾸고 있습니다.

이 때 back단에서 user 정보는 response로 넘어오는데 useQuery를 사용하여 이 데이터를 me 에 담아서 userProfile로 보여주려고 하는데 이 부분에서 me가 자꾸 undefined 가 나와서 여기 질문 드립니다..

useMutation을 사용하여 'user' 키에 loginAPI를 호출하여 얻어온 user 정보를 넣으면 useQuery에 'user' 키로 불러서 사용할 수 없어서 이런 에러가 나오는 건가요?? loginAPI를 통해 user 정보를 response 받는데 useQuery를 통해 loadMyinfoAPI를 호출하여 me에 넣으면 자꾸 undefined가 나오네요 ㅠㅠ

<LoginForm>

 < apis / user.js>

 

위가 각각 LoginForm.js와 apis / user.js 의 코드들이고 이후 AppLayout.js와 UserProfile.js에서 useQuery를 통해 'user', loadMyInfoAPI를 호출하여 me에 담아서 사용하려고 하는데 안됩니다..

 

/user를 호출하면 백단에서 response는 넘어오는 것으로 확인됩니다.

답변 1

0

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

api 들 axios 앞에 return 빠뜨리셨습니다.

제로초님 근데 react-query라는건 redux devtools때처럼 상태는 안찍히죠?

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

react-query devtools가 따로 있습니다.

윤동호님의 프로필 이미지
윤동호
질문자

감사합니다. 덕분에 해결되었습니다.

화살표 함수는 return 을 생략하여 자동으로 return 이 된다고 생각하였는데 그게 아니었나보네요..

 

--- 수정

 

찾아보니 화살표함수를 사용할 때 표현식이 하나여서 같은 줄에 코드를 입력하면 return 이 생략 가능하고 그 이외에는 return 을 써주어야 하는거 같네요.

이런식으로 사용하니 작동이 잘 되네요. 감사합니다 !

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

{ } 가 없어야 return이 됩니다.

윤동호님의 프로필 이미지
윤동호
질문자

네 제가 잘못 이해하고 있던 부분들이 있어서 다시 한 번 공부하게 되는 시간이었습니다. 항상 답변 감사드립니다 ~

윤동호님의 프로필 이미지
윤동호

작성한 질문수

질문하기