라우터 경로변수

<Route path="/profile/:username" element={<Profile />} />

저 :username 저 부분

 

const params = useParams();

useParams()로 받을 수 있음.

 

이렇게 대상 컴포넌트에서 useParams()해서

이제 params.경로변수명

 

이렇게 값을 가져올 수 있음.

 

<Route path="/profile/:username" element={<Profile />} />

이거는 저 컴포넌트를 보여주고 싶은 부분에 이걸 해주는거고,

 

호출은

<Link to={"/profile/velopert"}>velopert</Link>

뭐 이렇게 Link로 하든, 주소에 직접 치든