ボタンで経路をナビゲートする方法反応ルータ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);