/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 vote202 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote235 views1 answer
React bootstrap make col disapear in small screens
Javascript React
3 votes208 views1 answer
React after deployment givin nginx 404
Javascript React
-1 vote232 views2 answers
Minified react error #200
Javascript React
0 vote221 views1 answer
Detecting change in animated value react native
Javascript React
0 vote219 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote204 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
0 vote168 views1 answer
React create element from string
Javascript React
0 vote221 views3 answers
React-hook-form input
Javascript React
2 votes273 views1 answer
Iframe in react native
Javascript React