/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 vote139 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote120 views1 answer
Map of filtered data react
Javascript React
-1 vote88 views1 answer
Vimeo player react native
Javascript React
0 vote126 views1 answer
Jest mock react router params
Javascript React
5 votes148 views2 answers
Import fa icons react
Javascript React
0 vote149 views1 answer
React native paper modal background
Javascript React
18 votes131 views4 answers
React get route params
Javascript React
0 vote80 views1 answer
Rendering an array in react
Javascript React
1 vote115 views2 answers
Edit todo list react-redux
Javascript React
0 vote117 views1 answer
Javascript slider get value react
Javascript React