동적(dynamic) url : url에 변수넣기

Wonju·2022년 1월 14일
0

ㄴㅇ

url에 있는 값, 즉 변수를 반환해주는 함수

useParams

  1. React Router에 이 url이 변수를 받을거라고 말해준다.
    id 말고 아무 이름으로나 설정할 수 있다.
    중요한건

    :id

<Route path="/home/:id">
   <이동원하는 컴포넌트/>
</Route>`
  1. 그다음엔 이동할 컴포넌트 페이지에 useParams() 함수를 사용한다.
import { useParams } from "react-router-dom";

function Detail() {
  const { id } = useParams();
  console.log(id);
profile
안녕하세여

0개의 댓글