/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 votes164 views1 answer
Reactdom' is not defined
Javascript React
0 vote190 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
0 vote200 views1 answer
Make image circle css react
Javascript React
0 vote178 views1 answer
How to get domain name in react
Javascript React
0 vote214 views1 answer
React detect autofill
Javascript React
0 vote192 views1 answer
React enzyme
Javascript React
1 vote202 views1 answer
React material ui input max length
Javascript React
0 vote301 views1 answer
Difference in push and navigate in react Navigation
Javascript React
0 vote276 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
1 vote185 views1 answer
How to call create react app
Javascript React