/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 vote369 views3 answers
React lifecycle hooks
Javascript React
56 votes340 views6 answers
Useref react
Javascript React
1 vote359 views1 answer
How to remove name in react navigation header
Javascript React
15 votes439 views3 answers
Create react app and tailwind
Javascript React
11 votes374 views4 answers
Eslint disable react
Javascript React
0 vote400 views1 answer
React-native-restart
Javascript React
0 vote369 views2 answers
React tweet embed
Javascript React
9 votes383 views6 answers
React Component
Javascript React
0 vote361 views1 answer
React native clear route params
Javascript React
4 votes348 views1 answer
React js materilize
Javascript React