/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 vote121 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
140 votes259 views3 answers
React.js installation
Javascript React
17 votes99 views5 answers
Add background image react native
Javascript React
3 votes113 views1 answer
React is front end or backend
Javascript React
9 votes96 views6 answers
React Component
Javascript React
0 vote102 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote94 views1 answer
React open a link to an outside siite
Javascript React
0 vote116 views1 answer
React convert table to pdf
Javascript React
0 vote110 views1 answer
Radio button default checked react
Javascript React
-1 vote104 views1 answer
React time picker
Javascript React