URL 의 세그먼트는 구문 분석되어 다양한 APIs 에 제공되는 동적 자리 표시자가 될 수 있습니다.

<Route path="projects/:projectId/tasks/:taskId" />

: 가 있는 두 세그먼트는 동적이며, 다음 APIs 에 제공됩니다.

// If the current location is /projects/abc/tasks/3
<Route
  // sent to loaders
  loader={({ params }) => {
    params.projectId; // abc
    params.taskId; // 3
  }}
  // and actions
  action={({ params }) => {
    params.projectId; // abc
    params.taskId; // 3
  }}
  element={<Task />}
/>;

function Task() {
  // returned from `useParams`
  const params = useParams();
  params.projectId; // abc
  params.taskId; // 3
}

function Random() {
  const match = useMatch(
    "/projects/:projectId/tasks/:taskId"
  );
  match.params.projectId; // abc
  match.params.taskId; // 3
}