如何通过反应路由器v4中的按钮单击在路径上导航？

Question

我有反应路由器-DOM这个路径：

<BrowserRouter> 
    <div> 
    <Route exact path='/(index.html)?' component={Home}/> {/* app = home */} 
    <Route path='/register' component={Registration}/> 
    </div> 
</BrowserRouter> 

一切正常，现在在我的部件在任何地方我想的onClick改变路径，这样的代码：

<button onClick={() => history.push('/the/path') }> change path </button> 

我怎样才能做到这一点？

Answer 1

import {withRouter} from 'react-router-dom'; 
... 

class App extends React.Component { 
    ... 

    nextPath(path) { 
    this.props.history.push(path); 
    } 

    render() { 
    return (
     <button onClick={() => this.nextPath('/the/path') }> 
     change path 
     </button> 
    ); 
    } 
} 

export default withRouter(App);