는 라우터에게 나는 다음과 같은 경로를 가지고

Question

을 충돌 4 개 중첩 된 경로를 반응한다. 이는 기술적으로 :profileType이 임의의 문자열이 될 수 있으므로 중첩 된 경로는 Profile으로 인식됩니다.

경로를 변경하지 않고 {AboutThing}을 렌더링 할 수 있는지 궁금합니다. 기술적으로 /about은 해당 경로의 예약어 여야합니다. 나는 일을 시도 :

<Route exact path='/about/:aboutThing' component={AboutThing}/>

을하지만 그 중 하나가 작동하지 않았다. 작동 시키려면 그 경로에 여분의 문자열을 추가하지 않으려 고합니다. 어떤 생각/아이디어?

Answer 1

대답은 매우 정직하고, 첫 번째 일치하는 경로 후 Switch 정지, 당신은

<Switch> 
    <Route path='/about/:aboutThing' component={AboutThing}/> 
    <Route path='/:profileType/:profileId' component={Profile}/> 
</Switch> 

처럼 경로를 재 배열 할 수 있도록