/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 vote117 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
1 vote145 views1 answer
Functional component how to add to existing array react
Javascript React
0 vote127 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
0 vote127 views1 answer
Debug react routes
Javascript React
0 vote142 views1 answer
Camera roll react native
Javascript React
0 vote136 views1 answer
React native webview disable touch
Javascript React
50 votes129 views6 answers
Yarn create react app
Javascript React
10 votes133 views2 answers
React text input onchange
Javascript React
0 vote130 views2 answers
How to add fcc cdn to local react projcet
Javascript React
18 votes129 views1 answer
Get specific characters from state variable reactjs
Javascript React