작성한 질문수
Slack 클론 코딩[실시간 채팅 with React]
swr 활용법(optimistic ui)
작성
·
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') 로 같은 데이터를 가져올 수 있습니다.