더보기 버튼 클릭 시 useSWR이 다시 호출되나요???

Question

const  [followersLimit, setFollowersLimit] = useState( 3 );      const  [followingsLimit, setFollowingsLimit] = useState( 3 );      const  { data: followersData, error: followerError } = useSWR( `http://localhost:3065/user/followers?limit= ${ followersLimit } ` , fetcher);      const  { data: followingsData, error: followingError } = useSWR( `http://localhost:3065/user/followings?limit= ${ followingsLimit } ` , fetcher); ====================== 강사님 안녕하세요~ 질문이있습니다. 맨처음 profile 페이지 로드될때 useSWR을 통해 팔로잉, 팔로워 리스트를 가져오는 건 알겠는데요, 더보기 버튼 클릭할 때 useSWR이 다시 동작하는지 궁금합니다.. 1. 예를들어 팔로잉 더보기 버튼 클릭하면 useSWR를 다시 호출하는 부분은 보이지 않고 setFollowingsLimit을 통해 followingsLimit 값 밖에 안바꾸는데 useSWR이 url의 ${ followersLimit } 부분이 변경된거를 인식해서 다시 호출 & 데이터 요청이 되는걸까요? 2. useEffect(()=>{ axios.get( ` http://localhost:3065/user/followers?limit= ${ followersLimit } ` ); }, [followersLimit]); ㄴ> 만약 1번 가정이 맞다면 대충 이런식으로 동작하고있다고 받아들여도 될까요..?

zerocho · Answer

1. 저기 키 부분이 변경되면 다시 요청을 보냅니다. 2.네 그것과 유사하고 swr 추가적으로 캐싱 기능을 제공합니다.

NOAH · Answer

캐싱 기능이란것이 주기적으로 서버에 요청해서 값을 갖고 있는 그 기능을 말씀하시는건가요? 아니면 그냥 url에 대해 요청한 값을 갖고있는걸 말씀하시는걸까요.