React Router v7 已发布。 查看文档
useNavigationType

useNavigationType

返回用户到达当前位置时使用的导航类型。

import { useNavigationType } from "@remix-run/react";

function SomeComponent() {
  const navigationType = useNavigationType();
  // ...
}

返回值

  • PUSH:用户通过历史堆栈上的推送操作来到当前页面:点击链接或提交表单等。
  • REPLACE:用户通过历史堆栈上的替换操作来到当前页面:点击带有 <Link replace> 的链接,提交带有 <Form replace> 的表单,或调用 navigate(to, { replace: true }) 等。
  • POP:用户通过历史堆栈上的弹出操作来到当前页面:点击后退或前进按钮,调用 navigate(-1)navigate(1) 等。

其他资源

文档和示例根据 MIT 许可证