useNavigate

框架
数据
声明式

概述

返回一个函数，允许您在浏览器中根据用户交互或副作用以编程方式导航。

import { useNavigate } from "react-router";

function SomeComponent() {
  let navigate = useNavigate();
  return (
    <button
      onClick={() => {
        navigate(-1);
      }}
    />
  );
}

在 ActionFunction 和 LoaderFunction 中通常最好使用 redirect 而不是此 Hook。

签名

useNavigate(): NavigateFunction