/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 vote189 views1 answer
How to find network there is no network react native
Javascript React
25 votes200 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote194 views1 answer
Failed to construct image react-native
Javascript React
7 votes243 views3 answers
How to route react from laravel
Javascript React
0 vote155 views1 answer
Create react app ssl
Javascript React
1 vote196 views1 answer
Document not intialized react js
Javascript React
1 vote223 views3 answers
Click outside React component
Javascript React
38 votes207 views2 answers
How to write a comment in react js
Javascript React
-1 vote189 views2 answers
Toggle on button click in react js functional component
Javascript React
8 votes203 views4 answers
Get current url react router
Javascript React