Open WONILLISM opened 2 years ago
ReqctQueryDevtools를 이용하면 지금 ReactQuery가 처리하고있는 상황을 알 수 있다.
import { ReactQueryDevtools } from "react-query/devtools";
react router dom v6에서 useParams는 타입을 string or undefined로 자동 설정 된다. 따라서 만든 fetch함수 매개변수로 넘길 때 QueryKey로 할당받을 수 없는 오류가 생긴다.
이를 해결하기 위해 매개변수 끝에 !
를 붙이면 확장 할당 어션셜로 무조건 할당되어있다고 컴파일러에게 전달해 값이 없어도 변수를 사용할 수 있게 한다고한다.
좀 더 알아보자.
useQuery hook으로 coin 상세정보 데이터들을 관리해보자