부트캠프교육중/react80 [React] React query 적용하기 2 const {} = useQuery(coinId, () => fetchCoinInfo(coinId)) const {} = useQuery(coinId, () => fetchCoinTickers(coinId)) 근데 이렇게 하니까 coinId가 고유한 값이 아니여서 오류가 발생한다 . key는 react query 캐시 시스템에서 저장되고 작동하기 위해서 고유한 값이어야한다! const { isLoading: infoLoading, data:infoData } = useQuery(["info", coinId], () => fetchCoinInfo(coinId)); const { isLoading: tickersLoading, data:tickersData } = useQuery(["tickers", coi.. 2023. 8. 26. [React] React query 적용하기!!! index.tsx 이거 추가하기 import { QueryClient, QueryClientProvider } from 'react-query'; const queryClient = new QueryClient(); import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import { ThemeProvider } from 'styled-components'; import { theme } from './theme'; import { QueryClient, QueryClientProvider } from 'react-query'; const queryClient = new QueryClient(.. 2023. 8. 26. [React] React query 적용 전 코드 index.tsx import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import { ThemeProvider } from 'styled-components'; import { theme } from './theme'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement ); root.render( ); app.tsx import React from 'react'; import styled, { createGlobalStyle } from "styled-components"; import Router.. 2023. 8. 26. [React] useRouteMatch, useMatch useRouteMatch -너가 특정한 URL에 있는지의 여부를 알려주게 될거다. 6버전에서는 useMatch이다 const priceMatch = useMatch("/:coinId/price"); 이렇게 쓰는거다. 2023. 8. 25. 이전 1 2 3 4 5 6 7 ··· 20 다음