多组件反应路由器

时间:2015-12-14 03:06:35

标签: reactjs react-router

我正在构建反应应用的索引页。

索引页面包含组件A和B,如果路由是“/ a”,那么我想用C切换B并显示A和C.对于其他路由“/ a / b“,我想显示其他页面。

我尝试了以下但是它无效:

<Route path="/" component={App}>
  <IndexRoute component={A} >
    <IndexRoute component={B}/>
    <Route path="/a" component={C} />
  </IndexRoute>
  <Route path="/a/b" component={D} />
</Route>

谢谢!

1 个答案:

答案 0 :(得分:0)

我以非正式的方式解决它。

<div>
    <Redirect from="/" to="home"/>
    <Route path="/" component={App}>
        <Route path="home" component={Home}>
            <IndexRoute component={IndexView} />
            <Route path="other" component={OtherView}></Route>
        </Route>
        <Route path="about" component={About}></Route>

    </Route>
</div>