Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Tags
- 토이프로젝트
- vue
- javascript
- react
- 셋팅
- 정리
- 플러그인
- login
- 뷰
- plugin
- vsCode
- vuex
- 프론트
- Docker
- 로그인
- jwt
- AWS
- vue login
- express
- Firebase
- database
- 기획
- Git
- 배포
- react-query
- 회고록
- PWA
- extension
- 신상마켓
- nginx
Archives
- Today
- Total
목록2022/01/02 (1)
강디너의 개발 일지
React-Query Error Boundary
에러 바운더리 사용해보기 공통 오류 컴포넌트 적용하기 특정 컴포넌트만 다른 오류 컴포넌트 적용하기 고민 공식 문서 : https://react-query.tanstack.com/guides/suspense 코드 : https://github.com/DinnerKang/study_react/tree/main/packages/react-query 1. 공통 오류 컴포넌트 적용하기 최상위 루트에서 선언하고 QueryClient에 defaultOptions를 설정해서 suspense 값을 변경해줍니다. 그 후 ErrorBoundary를 선언해주면 하위 컴포넌트들은 이제 패칭 오류가 날 때 해당 ErorrComponent가 보입니다. import { QueryClient, QueryClientProvider, u..
Javascript/React.js
2022. 1. 2. 16:24