reactjs - How to go back to previous route in react-router-dom v6

Question

On early versions we can go back to previous route using history.

history.goBack()

How I can achieve that with v6 of react-router-dom?

question from:https://stackoverflow.com/questions/65948671/how-to-go-back-to-previous-route-in-react-router-dom-v6

Answer 1

Try this approach

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

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

  return (
    <>
      <button onClick={() => navigate(-1)}>go back</button>
    </>
  );
}