/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 vote147 views2 answers
Login with facebook expo react native
Javascript React
0 vote167 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
1 vote152 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
0 vote173 views1 answer
Reactive forms change event in angular
Javascript React
15 votes180 views6 answers
Form in react
Javascript React
1 vote148 views1 answer
On_raw_reaction_add example
Javascript React
2 votes137 views1 answer
React native cover image in parent view
Javascript React
0 vote161 views2 answers
Reactjs hello world
Javascript React
0 vote142 views1 answer
React link onclick refresh page
Javascript React
0 vote163 views1 answer
Saving react code messing up in vsc
Javascript React