/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 vote369 views1 answer
Ab mob react native expo
Javascript React
0 vote311 views1 answer
Strike react native
Javascript React
4 votes352 views2 answers
React input number
Javascript React
2 votes328 views2 answers
Rtl support react native
Javascript React
0 vote340 views1 answer
Imagebackground with input inot avoiding react native
Javascript React
0 vote363 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
1 vote297 views1 answer
Mui modal backdrop
Javascript React
0 vote332 views1 answer
Using redux on react extension
Javascript React
0 vote338 views1 answer
Find in array and return true or false react js
Javascript React
-1 vote324 views2 answers
React js props lara css uygulama
Javascript React