Route 컴포넌트 동적매개변수

오젼·2023년 6월 5일
0

Route 컴포넌트에서 exact path를 사용할 때 ":"(콜론)은 동적 URL 매개변수(parameter)를 나타내는 역할을 한다.

exact path는 특정 URL 경로와 정확히 일치하는 경우에만 해당 Route 컴포넌트가 렌더링되도록 지정하는 데 사용된다. 콜론(:)은 동적인 URL 매개변수를 나타내는 경로 매개변수(parameter)로 사용된다.

ex)

<Route exact path="/users/:id" component={UserDetails} />

위의 예시에서 "/users/:id"는 "/users/"로 시작하는 URL 경로에 대한 매핑을 나타낸다. ":id"는 동적매개변수로, 사용자의 고유한 ID 값에 따라 다양한 사용자의 상세 정보를 표시하는 데 사용될 수 있다.

예를 들어, "/users/123"과 같은 URL은 "/users/:id"와 일치하며, ":id" 매개변수에는 "123"이라는 값이 전달된다.

0개의 댓글