/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 vote245 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
-1 vote197 views3 answers
Why we import react from react
Javascript React
23 votes221 views3 answers
React save to local storage
Javascript React
3 votes231 views1 answer
React hooks send data from child to parent
Javascript React
23 votes210 views4 answers
Change port react app
Javascript React
-1 vote173 views2 answers
3 dots React
Javascript React
0 vote181 views1 answer
React native custom debounce input
Javascript React
0 vote215 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote186 views1 answer
React passport session
Javascript React
21 votes180 views4 answers
Setinterval react
Javascript React