[React] React query 적용하기 2

 const {} = useQuery(coinId, () => fetchCoinInfo(coinId))
 const {} = useQuery(coinId, () => fetchCoinTickers(coinId))

 

근데 이렇게 하니까 coinId가 고유한 값이 아니여서 오류가 발생한다 .

 

key는 react query 캐시 시스템에서 저장되고 작동하기 위해서 고유한 값이어야한다!

 

 const { isLoading: infoLoading, data:infoData } = useQuery<IInfoData>(["info", coinId], () => fetchCoinInfo(coinId));
 const { isLoading: tickersLoading, data:tickersData } = useQuery<IPriceData>(["tickers", coinId], () => fetchCoinTickers(coinId));