/Javascript/React/Change the route on button click react

Change the route on button click react

Navigating programatically react

import { Route } from 'react-router-dom'

const Button = () => (
  <Route render={({ history}) => (
    <button
      type='button'
      onClick={() => { history.push('/new-location') }}
    >
      Click Me!
    </button>
  )} />
)

Source: stackoverflow.com

Change the route on button click react

class Login extends Component {
    nextPath(path) {
    this.props.history.push(path);
  }
    render() {
        return (
        <div>
        <button type='button' onClick={() => this.nextPath('/yourpath') } >Button</button>
        </div>
        );
}

Similar codes

13 votes326 views4 answers
Passing data in react router history,push
Javascript React
0 vote320 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote295 views1 answer
I18n react get current language
Javascript React
2 votes297 views1 answer
React not getting img by src
Javascript React
0 vote322 views3 answers
How to copy an arry react
Javascript React
0 vote307 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote273 views1 answer
Import pdfmake in react
Javascript React
4 votes285 views1 answer
Navigating programatically react
Javascript React
10 votes323 views3 answers
Query string in react js
Javascript React
123 votes475 views3 answers
Set interval react
Javascript React