/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 vote219 views1 answer
React-particles-js not working
Javascript React
2 votes227 views3 answers
React cdn link
Javascript React
0 vote211 views1 answer
Horizontal cards react bootstrap
Javascript React
32 votes229 views6 answers
Usestate react
Javascript React
1 vote213 views1 answer
Webpack-bundle-analyzer react
Javascript React
2 votes217 views1 answer
React array find index
Javascript React
0 vote250 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote209 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
1 vote215 views2 answers
Switch is not exported from react-router-dom
Javascript React
0 vote198 views2 answers
Datepicker range npm reactjs
Javascript React