| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 블챌
- react
- DFS기초
- CSS
- 그리디알고리즘
- 자료구조
- JS
- 완전탐색
- 재귀
- react-query
- 백준알고리즘
- 스택자료구조
- 스택
- DFS
- 코테
- django
- 백준
- 파이썬
- 알고리즘
- 코딩테스트실력진단
- socket.io
- 그리디
- 코드트리
- Express
- 코딩테스트
- BFS
- DP
- 문자열
- 구현
- DFS활용
- Today
- Total
목록react-query (2)
꾸준하게 거북이처럼
고민했던 것 useMutate를 이용해서 자동으로 댓글 업데이트가 되도록 구현을 했지만, 이후에 '댓글 수정이 완료되었습니다!' alert같은 이벤트 이후 처리 부분을 어떻게 할지 고민했다. 해결한 방법 useMutate에서 제공하는 isSuccess를 이용해서 useEffect로 이후 처리를 했다. 하지만 이 방법은 먼가 코드가 깔끔하지 않았다.. 더 찾아보니 mutateAsync 를 제공해서 이걸 사용하여 이벤트가 발생하면, 비동기 처리함수로 이후 동작을 처리할 수 있을 것 같았다. 개선해보기✨ 이전 코드 const { mutate: editMutate, isSuccess: isEditSuccess, isError: isEditError, } = useEditComment(comment.postId,..
사용하게 된 계기 🧐 개인 프로젝트를 하다가, 댓글을 입력한 뒤에 새로고침없이! 자동으로 업데이트 된 댓글 목록을 불러오게 하고 싶었다. 그래서 react query를 이용해서 useQuery, useMutate를 이용해서 데이터 가져오기, 수정 및 삭제 API 요청 용도로 사용해보기로 했다.! 1. react-query 설치 npm i @tanstack/react-query 2. 앱 최상단에 provider로 감싸주기 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; const queryClient = new QueryClient();// => queryClient 선언해주기 const root = ReactDOM.cre..