相关疑难解决方法(0)

我正在尝试将旧的 React router dom 代码迁移到 v6，我想知道如何监听路由更改，我现在正在使用useHistory

const history = useHistory()
//then
history.listen(...)

我确实阅读了新文档，并且发现它useHistory已更改为useNavigate

const navigate = useNavigate()
//then
navigate.listen(...) // listen is not a function

你能帮我找到一种方法来监听 v6 中的路由变化吗

// This is a React Router v6 app
import { useNavigate } from "react-router-dom";

function App() {
  let navigate = useNavigate();
  function handleClick() {
    navigate("/home");
  }
  return (
    <div>
      <button onClick={handleClick}>go home</button>
    </div>
  );
}