/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 vote199 views1 answer
Pause console debugger in react
Javascript React
0 vote167 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
7 votes178 views3 answers
React native class component
Javascript React
0 vote166 views1 answer
Label tag alternative in react native
Javascript React
0 vote194 views2 answers
React native how to delete android build
Javascript React
5 votes170 views4 answers
Export default react
Javascript React
0 vote160 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote174 views3 answers
Play sound onload react
Javascript React
-1 vote119 views1 answer
React index.js BrowserRouter
Javascript React
0 vote353 views1 answer
React yup password with number string and uppercase
Javascript React