在父组件中显示子组件

时间:2017-11-29 01:06:11

标签: reactjs react-router

我目前有一个拥有自己路线的父组件

<route path="/parent" component={parent} />

但是我想知道当子组件有自己的路径时如何在那里显示子组件。

<route path="/child" component={parent} />

当上面的路线被击中时,我仍然希望发送相同的父组件,但在父组件中有一个子组件渲染。

class Parent extends React.Component {
   render () {

     //Render Child component if route is there
     <Child />
   }
}

我知道我可以将<route>组件嵌套在父组件中,但我不是这样做的。

1 个答案:

答案 0 :(得分:0)

<route path="/parent" render={ (props) => <parent><child /></parent> } />