useNavigate 钩子在 React 路由器中不起作用

Question

我有两页，Dashboard 和 Quiz。 Dashboard 触发一个事件，该事件使用状态调用 useNavigate 函数。

const nav = useNavigate();
const goToTest = (e)=>{

    e.preventDefault()

    nav('/student/Quiz',{state:{id:1}});
  }

在测验中，然后我使用useLocation 尝试获取数据，但它似乎不起作用。

function Quiz() {
  const {data} = useLocation();
  console.log(data);

如果我不在测验中解构数据，它会显示一些 json 数据，但状态始终为 null

hash: ""
key: "(a key was here)"
pathname: "/student/Quiz" (Dashboard and quiz are both in the same directory as student)
search: ""
state: null

Answer 1

原来是版本问题。这发生在 6.14 上，但是当我将其更新到 6.2 时，它工作正常。

文档提到了 v6 及更高版本，所以我认为我很清楚。

我会把这个问题留给遇到同样问题的人。