inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

swr 활용법(optimistic ui)

useSWR로 fetch 된 data가 페이지를 넘어가면 undefined 상태가 되는거 같습니다

995

파괴광선

작성한 질문수 2

0

index.tsx

workspace.tsx

fetcher.ts

login1.PNG

로그인전엔 users가 false 였던게 로그인후엔 data에 제 정보가 들어가는것은 콘솔로그로 확인했습니다

login2.PNG

그런데 로그인 버튼을 누르자마자 if(!data) 부분이 실행되어

로그인 페이지로 돌아와버립니다

login3.PNG

그후에 users에는 제 정보가 남아있는데도 말이죠

비슷한 맥락으로 로그인후에 회원가입페이지로 넘어가도 if(data) 부분이 실행이 안되서 다시 /workspace/channel 로 넘어가지지 않습니다.

사실 로그인페이지에서 mutate(response.data)쓰기전

revalidate(); 를 쓸땐 users에 정보는 넘어갔지만

콘솔로그 data엔 계속 undefined로 출력되서

if(data)가 작동을 안해 페이지가 넘어가지도 못했었습니다

if(!data)를 주석처리하고 로그인 하면 마찬가지로 로그인직후에 data가 undefined가 되어버립니다

data가 전역변수 느낌이아니라 페이지를 넘어가면

그냥 사라지는 느낌입니다 서버도 몇번 재시동해보고

이것저것 건드려봤는데두 전혀 감이 안오네요

어디서부터 잘못했을까요...

babel react Socket.io 웹팩 typescript 클론코딩

답변 2

2

제로초(조현영)

fetcher 잘못 만드셨습니다.

return 빠뜨리셨네요.

0

파괴광선

감사합니다... fetcher에 중괄호가 없었군요

기본 셋팅과 관련하여

0

90

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

95

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

108

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

151

3

npx webpack 후 에러

0

177

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

176

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

426

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

949

1

배포 방법

0

295

2

npm run dev 시 빌드가 매우 느려졌습니다

0

984

2

alias 경로 설정 오류

0

446

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

273

1

제네릭 질문

0

216

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

243

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

382

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

331

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

244

2