/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 vote382 views1 answer
Top bar in react js
Javascript React
0 vote399 views1 answer
React implicit return
Javascript React
0 vote366 views1 answer
React $ r component instance console
Javascript React
0 vote391 views1 answer
Connect react native app to local api macos
Javascript React
0 vote367 views1 answer
Jest create react app only run one test
Javascript React
1 vote449 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote385 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
1 vote385 views2 answers
Toast in react native
Javascript React
1 vote382 views1 answer
React native create view dynamically
Javascript React
0 vote379 views1 answer
React children map
Javascript React