Как React-router можно передать props перезагрузги родительского component?

Question

[Ninja Mate]

есть вот такой реакт компонент

export class App extends Component {

    render() {
        return (
        <div>
       
                            <Router history={hashHistory}>
                                <Route path="/" component={UserHome}>
                                    <Route path="newPatient" component={NewPatient}></Route>
                                </Route>
                            </Router>
           
            </div>
        );

    }
}

Страница как и положено загружается с UserHome компонента, в котором находится кнопка

{this.props.children}

                <Link to="newPatient">
                    <Button> Create a new Patient</Button>
                </Link>

Как заставить кнопку переключать Router в родительском компонетре, а не добавлять newPatient к this.props.children ??

Answer 1

[Ninja Mate]

все пучком если не вкладывать

<Route path="/" component={UserHome}>
                                    <Route path="newPatient" component={NewPatient}></Route>
                                </Route>