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

roider2316님의 프로필 이미지
roider2316

작성한 질문수

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

swr 활용법(optimistic ui)

mutate 와 Pessimistic UI, Optimistic UI 관계 질문이요

해결된 질문

작성

·

305

0

1번.

axios요청후 then으로 처리 : Pessimistic UI

mutate(data, true) : Optimistic UI

mutate(data, false) : 데이터를 바꾸는데 서버에 요청 및 점검을 안함.

 

2번

mutate(data, true) : Pessimistic UI

mutate(data, false) : Optimistic UI

 

처음엔 1번으로 이해를 했는데 shouldRevalidate를 false로 넣어서 시도했을 때 주기적으로 GET요청이 되는 직후 바로 로그아웃을 클릭하면 추가적인 요청이 없는데 그냥 로그아웃하면 바로 추가적인 요청이 보내집니다. 주기적으로 GET요청을 하는 것과의 우연의 일치인진 모르겠는데 뭔가 자꾸 추가적인 GET요청이 되었다 안되었다 하더라고요. 그래서 false를 넣어도 점검을 하는 2번인가 싶기도 하고 헷갈립니다. 뭐가 맞는거죠?

답변 1

1

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

일단 mutate(data) 하는 순간 true든 false든 데이터가 바로 바뀌므로 pessimistic이 될 수가 없습니다.

roider2316님의 프로필 이미지
roider2316
질문자

아 그럼 컴포넌트 첫 랜더링시에 useSWR이 실행되면서 요청되는 GET요청인 것 같네요.

roider2316님의 프로필 이미지
roider2316

작성한 질문수

질문하기