/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 vote224 views1 answer
React bootstrap button
Javascript React
0 vote191 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
6 votes200 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote206 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote192 views1 answer
React native run on a particular emu
Javascript React
1 vote211 views1 answer
Node js and react js difference
Javascript React
0 vote209 views2 answers
React-native local image not showing ios
Javascript React
0 vote231 views1 answer
Sweper slider react
Javascript React
0 vote194 views2 answers
React display base64 image
Javascript React
0 vote198 views1 answer
React router dom default params
Javascript React