/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

0 vote198 views1 answer
Express react docker container example
Javascript React
0 vote249 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
4 votes215 views1 answer
How to add custom font to react project
Javascript React
0 vote227 views1 answer
How to load a javascript game from react
Javascript React
33 votes261 views2 answers
UseRef react ref
Javascript React
0 vote256 views1 answer
Create-react-app enviroment variables
Javascript React
3 votes206 views1 answer
React prop ytpes
Javascript React
0 vote228 views1 answer
React native load function each time visit screen
Javascript React
3 votes230 views3 answers
How to remove global react-native-cli package
Javascript React
6 votes199 views1 answer
Create bottom navigation bar react native
Javascript React