2017-06-12 33 views
1

をparamsは私は、同じIDを持つ新しいものにIDを持つ1つのURLからリダイレクトしようとしています:/folders/:idリダイレクトがで反応し、ルータをV4

/folders/:id/summaryに私の問題は私のコンテナ FolderSummaryContainerがいるようだということです -/

私のリアクションルータの設定(v4)は、これを正しく実行していますか?

{/* STUF */} 
<Route path="/v3"> 
    <LayoutV3> 
    <Switch> 
     <Route exact path="/v3/folders" component={FolderIndexContainer} /> 
     <Route path="/v3/folders/:id"> 
     <FolderShowContainer> 
      <Switch> 
      <Redirect from="/v3/folders/:id" to="/v3/folders/:id/summary" /> 
      <Route path="/v3/folders/:id/summary" component={FolderSummaryContainer} /> 
      {/* STUF */} 
      </Switch> 
     </FolderShowContainer> 
     </Route> 
    </Switch> 
    </LayoutV3> 
</Route> 
{/* STUF */} 

答えて

0

むしろあなたが

<Route path="/v3"> 
    <LayoutV3> 
    <Switch> 
     <Route exact path="/v3/folders" component={FolderIndexContainer} /> 
     <Route path="/v3/folders/:id" component={FolderShowContainer}/> 
    </Switch> 
    </LayoutV3> 
</Route> 

のようにそれを行うことができますが、私はあなたのFolderShowContainerリターンコード自体

class FolderShowContainer extends React.Component { 
    render() { 
     return (
      <div> 
      {/* */} 
      <Switch> 
       <Redirect from="/v3/folders/:id" to="/v3/folders/:id/summary" /> 
       <Route path="/v3/folders/:id/summary" component={FolderSummaryContainer} /> 
       {/* STUF */} 
      </Switch> 
      </div> 
     ) 
    } 
} 
+0

にdefiendその後、ルートの設定を持つことができ、ルートに子を指定しないでください試してみてください、ありがとう。参考までに、私たちは 'react-router' v3からv4に移行しています。すべてのルートが同じファイルにあるので、古い方法が気に入っています...可能であれば、そのように保ちたいと思います。 –

+0

でも、私はそういうことを推しましたが、現在のバージョンでは物事が変わっています:) –

+0

このメジャーバージョンでは多くのことが変わりました... somesはかなりクールで、他は少しトリッキーです:-p –

関連する問題