React Router

Routes | Route | Link

...

- useParams

: 현재 <Route path> URL의 동적 파라미터를 키/값 쌍의 object로 반환하는 함수
파라미터의 정보를 가져와 활용해야 되는 경우에 사용한다.

<script>
import * as React from 'react';
import { Routes, Route, useParams } from 'react-router-dom';

function ProfilePage() {
  // Get the userId param from the URL.
  let { userId } = useParams();
  // ...
}

function App() {
  return (
    <Routes>
      <Route path="users">
        <Route path=":userId" element={<ProfilePage />} />
        <Route path="me" element={...} />
      </Route>
    </Routes>
  );
}
</script>