react-router go back a page how do you configure history?

Question

Can anyone please tell me how I can go back to the previous page rather than a specific route?

When using this code:

var BackButton = React.createCla         


        

Answer 1

React Router v6

useNavigate Hook is the recommended way to go back now:

import { useNavigate } from 'react-router-dom';

function App() {
  const navigate = useNavigate();

  return (
    <>
       navigate(-1)}>go back
       navigate(1)}>go forward
    
  );
}

Codesandbox sample

Go back/forward multiple history stack entries:

 navigate(-2)}>go two back
 navigate(2)}>go two forward

Go to specific route:

navigate("users") // go to users route, like history.push
navigate("users", { replace: true }) // go to users route, like history.replace
navigate("users", { state }) // go to users route, pass some state in

useNavigate replaces useHistory to support upcoming React Suspense/Concurrent mode better.