如何知道使用React Router创建了什么组件？

Question

我有以下路线：

<Route path="/" component={App}>
    <IndexRoute components={Home}/>
    <Route path="/blog/:blogNo/:filter" component={Home}/>
    <Route path="/blog/:blogNo" component={Home}/>
    <Route path="/:filter" component={Home}/>
    <Route path="/all" component={Home}/>
    <Route path="/terms" component={Terms}/>
    <Route path="/privacy" component={Privacy}/>
    <Route path="/news/:newsNo" component={News}/>
    <Route path="/list/:listNo" component={List}/>
</Route>

注意4条路线是Home。在我的App.js的渲染中，我想弄清楚创建了哪个组件，即Home，News，Terms，Privacy或List。

我尝试使用this.context.router.isActive("")，但我不确定如何将:filter或:blogNo这样的splat或通配符传递给该函数。

我如何知道在React Router中创建了哪个组件？

注意我正在使用react router 2.0.0

Answer 1

对于您的菜单示例，您需要关注named components文档。该模式旨在允许具有单独的菜单组件，就像您描述的情况一样。