/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 vote258 views4 answers
React tutorial
Javascript React
4 votes196 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
0 vote210 views2 answers
React show view based on role permission
Javascript React
2 votes206 views2 answers
Easiest way to show current date in react
Javascript React
0 vote208 views2 answers
React router how to send data
Javascript React
0 vote209 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote150 views1 answer
Document is not defined react router
Javascript React
0 vote240 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote223 views1 answer
React router remove location state on refresh
Javascript React
0 vote240 views1 answer
React router tutorial medium
Javascript React