/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

0 vote253 views1 answer
State creation in class components reactjs interview questions
Javascript React
65 votes239 views6 answers
React routing
Javascript React
0 vote221 views1 answer
Google-maps-react give undefined lat long
Javascript React
1 vote210 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote225 views1 answer
React native updating options with setoptions
Javascript React
0 vote217 views1 answer
React map gl
Javascript React
64 votes215 views4 answers
How to install react-router-dom in react js
Javascript React
2 votes213 views1 answer
How to get current URL with Javascript or React
Javascript React
5 votes211 views1 answer
How to create component in reactjs
Javascript React
16 votes177 views2 answers
React fragment
Javascript React