React-Router: außer props.children, kann ich zusätzliche Variablen an Eltern weitergeben?

Question

Wenn ich folgend in meinem Router habe:

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

werde ich entweder App1 oder App2 in MainLayout als this.props.children bekommen. Aber kann ich eine andere Anpassung in MainLayout bekommen, indem ich zum Beispiel hasTitle=false oder hasTitle=true in Subrouten wie dem oben genannten passiere?

Answer 1

Verwenden cloneElement zusätzliche Requisiten zu überliefern, um das Kind, statt {this.props.children} im MainLayout Schreib

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