/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 vote133 views1 answer
How to link t settings react native ios
Javascript React
5 votes136 views1 answer
Import react dom
Javascript React
20 votes137 views4 answers
Conditional Rendering in React js
Javascript React
0 vote136 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote162 views1 answer
React bootsrap color picker
Javascript React
0 vote159 views1 answer
@tippyjs/react
Javascript React
0 vote236 views1 answer
When reload the page the route gone in react js laravel
Javascript React
0 vote138 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
1 vote140 views1 answer
React native cover image
Javascript React
1 vote137 views1 answer
React router base url
Javascript React