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) 等。

其他资源

• <Link replace>

• <Form replace>

• navigate 选项