Reactjs 如何返回到react路由器dom v6中的上一个路由

在早期版本中，我们可以使用历史追溯到以前的路线

如何使用react路由器dom的v6实现这一点？

试试这种方法

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

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

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

试试这个方法

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

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

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

在V6中

在V6中

---

看起来它可能在useNavigate上看起来可能在useNavigate上我已经尝试过了，但在v6中useHistory并不是我的错。编辑我对v6的回答。我已经尝试过了，但在v6中useHistory并不是我的错。编辑我对v6的回答。

import { useNavigate } from 'react-router-dom';
 
function App() {
  const navigate = useNavigate();
 
  return (
    <>
      <button onClick={() => navigate(-2)}>Go 2 pages back</button>
      <button onClick={() => navigate(-1)}>Go back</button>
      <button onClick={() => navigate(1)}>Go forward</button>
      <button onClick={() => navigate(2)}>Go 2 pages forward</button>
    </>
  );
}