/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

1 vote298 views3 answers
React toggle state
Javascript React
4 votes270 views1 answer
How to use font awewsome in react app
Javascript React
8 votes281 views2 answers
Set value as object in react hooks
Javascript React
0 vote258 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote264 views1 answer
React native charts style gradiant
Javascript React
0 vote258 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
59 votes231 views3 answers
Npm react router dom
Javascript React
3 votes246 views3 answers
Async await class component react
Javascript React
17 votes290 views3 answers
React router url params
Javascript React
-2 votes262 views1 answer
How to identify debug and release build in react native
Javascript React