react router back button 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: react router native back button

<BackButton />
Connects the global back button on Android and tvOS to the router’s history. On Android, when the initial location is reached, the default back behavior takes over. Just render one somewhere in your app.

Example 5: how to go back in usinsg router hisotry

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