는 PARAMS

Question

작동하지 라우터 반응 나는 다음과 같은 설정이 있습니다 http://localhost:8100/network 잘 작동

<div> 
    <Router history={browserHistory}> 
     <Route path="/" component={NewCustomerContainer} /> 
     <Route path="/newCustomer" component={NewCustomerContainer} /> 
     <Route path="/search" component={SearchPageContainer} /> 
     <Route path="/network" component={NetworkContainer} /> 
     <Route path="/network/:id" component={NetworkContainer} ></Route> 
    </Router> 
</div> 

경로를. http://localhost:8100/network/abc123 경로는 내 콘솔에 404 오류가 나타나지 않습니다. 이런 식으로 본 사람 있습니까?

Answer 1

<div> 
    <Router history={browserHistory}> 
     <Route path="/" component={NewCustomerContainer} /> 
     <Route path="/newCustomer" component={NewCustomerContainer} /> 
     <Route path="/search" component={SearchPageContainer} /> 
     <Route path="/network" component={NetworkMetaContainer}> 
      <Route path="/:id" component={NetworkContainer}/> 
     </Route> 
    </Router> 
</div> 

'/ id'를 네트워크 경로 내에 중첩하는 것을 잊었습니다. React Router는 다른 Routes 내부에 Routes를 배치하여 중첩 된 라우팅을 허용합니다 ... 네트워크 내에 모든 네트워크/ID 항목이 있고 네트워크가 해당 항목을 렌더링하면 올바르게 작동합니다.

새로운 NetworkMetaContainer 당신이 아마 네트워크 경로 내부 <IndexRoute />을 가질 수 있습니다 원하는 경우 간단한 아이들 렌더링 ... 또는이 그 구축 할 필요가 있지만, 어느 쪽이든이 NetworkMetaContainer 것은 어쩌면 (단지 외부 래퍼해야합니다 그것은 네트워크 내에서 다른 탭 또는 링크 또는 가능성을 갖게 될 것입니까?)