/Javascript/React/React router go rprevious page

React router go rprevious page

UseHistory goback

import {useHistory} from "react-router-dom";

const history = useHistory();

<button onClick={() => history.goBack()}>Go Back</button>

React router go rprevious page

directly use (()=>this.props.history.goBack())

How to make back button react

const BrowserHistory = require('react-router/lib/BrowserHistory').default;

const App = React.createClass({
    render: () => {
        return (
            <div><button onClick={BrowserHistory.goBack}>Go Back</button></div>
        );
    }
});

React.render((
    <Router history={BrowserHistory}>
        <Route path="/" component={App} />
    </Router>
), document.body);

Source: stackoverflow.com

How to go back in usinsg router hisotry

this.props.history.goBack(); //react-router (v4)

-1

Source: stackoverflow.com

Similar codes

1 vote297 views2 answers
Yarn react native cli
Javascript React
10 votes326 views3 answers
Jquery react npm
Javascript React
16 votes304 views3 answers
Loop in react depending on number
Javascript React
13 votes320 views4 answers
Passing data in react router history,push
Javascript React
1 vote317 views2 answers
History react router
Javascript React
-5 votes312 views3 answers
Use ref in component reactjs
Javascript React
0 vote297 views1 answer
String contains in react
Javascript React
0 vote309 views1 answer
Dynamic useState in react
Javascript React
0 vote296 views1 answer
How to detect an element is been hovered in react
Javascript React
1 vote302 views1 answer
Inline z-index react
Javascript React