인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

우동이님의 프로필 이미지
우동이

작성한 질문수

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

swr 활용법(optimistic ui)

SWR 전역 상태관리에 질문드립니다.

작성

·

323

0

SWR을 활용해서 data를 받을 때 data는 전역으로 접근할 수 있는 것 같아서요. 그래서 테스트 해보니까 useSWR의 첫번째 인자의 URL이 같으면 미리 캐시해둔 data를 넣어두고 다시 swr요청을해서 갱신하는 것 같던데. 이렇게 로직이 돌아가는지 궁금합니다!

즉 동일한 상태인지 확인하는 값이 첫번째 인자 URL인지 궁금합니다!

직접 테스트해보니까 같은 URL일때만 캐시해서 다른컴포넌트에서 똑같이 swr 호출시 미리 data에 캐시된 데이터가 들어가더라구요!

답변 1

1

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

첫번째 값은 그냥 문자열이기만 하면 됩니다. 같은 문자열이면 같은 데이터를 가져온다가 swr의 핵심 개념입니다. 그래서 /url1?a=1과 /url1?a=2는 혹시나 결괏값이 같더라도 다른 url로 칩니다.

useSWR('hello', () => 'world') 하면

다른 곳에서 useSWR('hello') 로 같은 데이터를 가져올 수 있습니다.

우동이님의 프로필 이미지
우동이

작성한 질문수

질문하기