Route state

mopevxw·2022년 5월 12일
0

타입스크립트

목록 보기
3/7

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();

형태로 사용 가능

0개의 댓글