How can React-router pass props to reload parent component?

Question

JavaScript

there is such a react component

export class App extends Component {

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

    }
}

The page is loaded as expected from the UserHome component in which the button is located

{this.props.children}

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

How to make the button toggle Router in the parent component instead of adding newPatient to this.props.children ??

Answer 1

all in a bunch if you don't invest

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