id별로 data를 가져오려고 했다.
모든 data를 가져오는 query처럼 singleAPI에 id만 넘겨주면 될거라고 생각했으나..^^..
useQuery(QUERY_KEYS.PRODUCT,getSingleProductAPI(id));
Missing queryFn error 가 발생했다
위에 코드는 useQuery에 funtion을 전달하지 않고, 함수를 실행하는 것이였다.
const {data: singleProduct} = useQuery(
[QUERY_KEYS.PRODUCT, productId], () => getSingleProductAPI(productId)
);이렇게 querykey에 의존성배열로 만들어주고 , () => api(param)을 넘겨주면 된다 !
키키
틀리면 지적 환영
'Frontend > React' 카테고리의 다른 글
| React에서 setInterval() 과 useInterval()무엇을 써야할까 (1) | 2023.02.02 |
|---|---|
| React-query : isLoading vs isFetching 를 비교해보자 (2) | 2023.01.31 |
| React-query devtools 사용해보자 (0) | 2023.01.29 |
| React-Query를 간단하게 정리해보자 (0) | 2023.01.28 |
| React + dayjs() 달력만들기 (0) | 2023.01.25 |