React-Routerで下記の画面構成を実現するため、Switch->Routeを3階層で作ろうとしています。
ところが、3階層目のRouteが機能しません。
コードと環境の一部は下記の通りです。
pathも確認しましたし、<Route component={}>も<Route render={}>もダメでした。
英語の記事で同様の症状が起きているようなのでそちらも洗っている状況です。
わかる方がいらっしゃれば、お願いします。
"react-redux": "^5.0.6", "react-router": "^4.2.0", "react-router-dom": "^4.2.2",
{ // 2階層目: ContentsContainer.jsx } <Switch> { // 動作する } <Route exact path='/contents' render={() => ( <Contents params={reducers.params} onClick={actions.click.bind(this)} /> )} /> { // 動作する } <Route exact path='/contents/:id([\d])' component={Content} /> </Switch>
{ // 3階層目: ContentContainer.jsx } <Switch> { // なぜかこっちは動作する } <Route exact path='/contents/:id([\d])' component={Content1Container} /> { // こっちは動作しない } <Route exact path='/contents/:id([\d])/info' component={Content1InfoContainer} /> </Switch>
あなたの回答
tips
プレビュー