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

신윤석님의 프로필 이미지
신윤석

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

DM 페이지 만들기

안녕하세요 제로초님 DirectMessage 페이지 구현중에 문제가 생겼습니다.

작성

·

217

0

문제가 발생한 부분이 아래 코드와 같이

Header 컴포넌트에서 userData와 myData값을 사용하지 않고 useSWR로 userData와 myData를 불러오면 문제 없이 데이터를 불러올 수 있습니다.

그러나 아래와 같이 주석을 풀면

 

useSWR에서 값을 불러오면 아래 결과와 같이 undefined로 나오는 문제가 발생합니다.

그래서 결과화면에는 TypeError Cannot read properties of undefined(reading 'email')이라는 에러 문구만 나오게 되는 상황인데

 

이 기묘한 문제가 왜 발생하는지와 해결법을 알 수 있을까요..?

 

swr의 버전은 1.2.2이며 fetcher코드는 아래입니다.

 

 

 

 

 

 

 

 

 

 

답변 1

0

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

일단 Fetcher에서는 return axios만 하시면 됩니다. await 필요없습니다.

swr의 data는 undefined일 수 있습니다. 데이터를 서버로부터 불러오는 중에는 undefined가 됩니다.

userData가 !== undefined일 때 화면을 표시하도록 바꿔보세요.

신윤석님의 프로필 이미지
신윤석
질문자

감사합니다! 제로초님! 덕분에 해결했습니다!

신윤석님의 프로필 이미지
신윤석

작성한 질문수

질문하기