Coins.tsx
Link의 to, state사용해서 연결되는 페이지로 보내고자 하는 정보 전송 가능
<Link to={`/${coin.id}`} state={{ name: coin.name }}>
Coin.tsx
const { state } = useLocation() as RouteState;
interface nameState{
name: string;
}
interface RouteState{
state: nameState;
}
useParams
Router.tsx에서 저장한 형식대로 url 파라미터 정보 사용가능
Router.tsx
<Route path="/:coinId" element={<Coin />}>
Coin.tsx
const { coinId } = useParams();
형태로 사용 가능