在react-router中隐藏父组件

Question

在react路由器中有没有办法让子路由但不显示父组件？我试图在我的应用程序中显示面包屑，所以我转而使用子路线，但我不想以主人/详细信息的方式显示父组件。类型布局。我只是希望将子组件显示为单独导航到它，但似乎如果你不在父组件中的某处包含{this.props.children}那么子组件永远不会被渲染。

我尝试过的一个黑客就是看看是否填充了this.props.children并且没有以渲染方式显示页面的其余部分

if(this.props.children) {
   return (this.props.children) 
} else { 
  return /**rest of render method**/
}

但这感觉就像是一个糟糕的解决方案。

Answer 1

我无法准确理解您尝试做什么，但似乎<IndexRoute>可以帮助您，因为这可以让您区分/portal与/portal/feature对比<Route path="/portal" component={ComponentContainingBreadcrumbs}> <IndexRoute component={ComponentWithRestofRenderMethodFromYourExample} /> <Route path="child1" component={Child1} /> <Route path="child2" component={Child2} /> </Route>

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}