/Javascript/React/Apply back button to a react component

Apply back button to a react component

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

export const Item = () => {
    let history = useHistory();
    return (
        <>
          <button onClick={() => history.goBack()}>Back</button>
        </>
    );
};

Source: stackoverflow.com

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

Similar codes

0 vote138 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
1 vote151 views2 answers
React beforeunload
Javascript React
3 votes133 views4 answers
Import in react
Javascript React
2 votes136 views2 answers
Import lodash react
Javascript React
0 vote132 views1 answer
Install react loading spinner
Javascript React
0 vote128 views1 answer
React import useCallBack
Javascript React
1 vote117 views1 answer
Class and id in react
Javascript React
93 votes206 views6 answers
Install react router dom
Javascript React
0 vote132 views4 answers
Router react how to pass data to class component
Javascript React
0 vote133 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React