mutate
-
SWR프론트엔드/React 2020. 8. 17. 00:00
# What? spa인거 좋으나 매번 페이지 접속때마다 api 요청을 새로 해주니, 오히려 mpa보다 사용감이 떨어져보일 때가 있음. mpa처럼 캐싱처리 알아서 잘 해주게 도와주는 라이브러리가 swr임. # How? 1) SWRConfig로 swr를 사용할 페이지 컴포넌트들을 감싸주기 axios(url).then(response => response.data) // 이렇게 해두면 useSWR에 url만 써줘도 response.data값이 return됨.(전역 fetcher 설정) }}> 2) useSWR로 초기 데이터 가져오기(useEffect안에 넣으면 안됨) let {data: items, mutate: mutateItems} = useSWR(`/api/stores?page=${params.page}..