/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 vote223 views1 answer
How to set dynamic size in react js
Javascript React
142 votes308 views6 answers
Create-react-app
Javascript React
0 vote195 views1 answer
Laravel react 404 routes
Javascript React
0 vote265 views2 answers
Why navlink in react router always active
Javascript React
3 votes237 views2 answers
React get route path
Javascript React
0 vote216 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
0 vote236 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote229 views2 answers
Reactjs hello world
Javascript React
32 votes238 views1 answer
How to do routes react js
Javascript React
0 vote233 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React