go back to home page using react-router-dom code example

Example 1: useHistory goback

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

const history = useHistory();

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

Example 2: react router go rprevious page

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

Example 3: 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);

Example 4: how to go back in usinsg router hisotry

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

Tags:

Go Example

Related