/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 vote246 views1 answer
React native showing double header stack and drawer menu
Javascript React
18 votes254 views6 answers
Uselocation react
Javascript React
0 vote238 views2 answers
On ddrop function react dropzone parameters
Javascript React
26 votes269 views6 answers
React redirect to url
Javascript React
3 votes246 views1 answer
React native duplicate resources: Android
Javascript React
3 votes240 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote257 views1 answer
React native add bottom tab and drawer menu
Javascript React
0 vote251 views1 answer
React native navigation paramlist never used
Javascript React
0 vote339 views1 answer
Make a button who disable scrolling down the page react
Javascript React
0 vote265 views1 answer
How to add autoserial number in react js
Javascript React