유형별로 리얼 라우터에서 경로 매개 변수 값을 제외하십시오.

Question

경로 구성 요소가 조금 붙어 있습니다. 나는 자신의 경로로이 두 경로가 상상 :

<Route path='/person/add' exact component={PersonForm}/> 
<Route path='/person/:id' exact component={PersonView}/> 

/사람/나는 새로운 사람을 만들 수있는 양식을 표시해야합니다를 추가
/사람/: ID는 주어진 가진 사람을 표시해야합니다 신분증.

문제 >> 내가 /사람에게 이동하는 경우 추가/ 또한 /사람 /의 구성 요소가 표시됩니다 : "ID"문자열 "추가"가 유효하기 때문에 ID합니다.

내가 이것을 피할 수있는 방법이 있습니까? 예를 들어 다음과 같이 말합니다. id는 숫자 여야합니까?

Answer 1

가능한 해결책을 찾았습니다 : 스위치 주위에 스위치를 사용할 수 있습니다. 그런 다음 일치하는 첫 번째 항목에서만 일치합니다.

<Switch> 
    <Route path='/person/add' exact component={PersonForm}/> 
    <Route path='/person/:id' exact component={PersonView}/> 
</Switch>