[React] 패스 파라미터로 값 전달 받기

Path Parameter

path='/:패스파라미터/'

 

경로에 콜론을 넣으면

 

url에 /아무거나

아무거나 써도 해당 element의 컴포넌트가 띄어집니다.

 

 

path:'/detail/:id/:age'

 

여러개도 가능! (보통은 하나만 전달함)

 

 

보통 상세페이지아 삭제나 업데이트 같이 PK를 필요로 할 때 이렇게 만듭니다!

 

 

 

---

 

 

 

패스 파라미터 값 전달받기

useParams()

 

전달된 패스 파라미터는

해당 컴포넌트에서 useParams()를 사용해서 값을 가져올 수 있습니다.

 

라우터의 기능이기 때문에 라우터 설치해줘야함!

 

여러개의 패스 파라미터가 전달되기 때문에

useParams()은 객체타입입니다!

 

 

 

 

 

---

스프링부트 컨트롤러에서 패스파라미터를 전달 받을 때는?

@PathVariable