/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

10 votes323 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
4 votes388 views2 answers
Set selected option react
Javascript React
28 votes378 views1 answer
Semantic ui dropdown value react
Javascript React
8 votes366 views3 answers
Change title react
Javascript React
1 vote379 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote416 views1 answer
React grid generator
Javascript React
3 votes320 views4 answers
Add new array at the back of react state
Javascript React
0 vote398 views1 answer
React-native-bouncy-checkbox
Javascript React
0 vote410 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote360 views1 answer
How to add icon in react js
Javascript React