React-Router: за исключением props.children, могу ли я передать дополнительные переменные родителям?

Question

Если у меня есть следующие в моем маршрутизаторе:

<Route path="/" component={MainLayout}> 
    <Route path="path/one" component={App1} hasTitle={false} /> 
    <Route path="path/two" component={App2} hasTitle={true} /> 
</Route> 

я получить либо App1 или App2 в MainLayout, как this.props.children. Но могу ли я получить некоторую другую настройку в MainLayout, передав, например, hasTitle=false или hasTitle=true в подпунктах вроде выше?

Answer 1

Использование cloneElement передать дополнительные опоры вниз к ребенку, а не {this.props.children} в MainLayout записи

{React.cloneElement(this.props.children, {hasTitle:true})}