react-router-dom useNavigate使用方法

useNavigate是react-router-dom的Hook之一，用于在function-based组件中实现编程式导航。该Hook返回一个navigate函数，可以用来跳转到指定的路由路径。

使用useNavigate的步骤如下:

1. 在组件中引入react-router-dom库中的useNavigate。

2. 在组件中调用useNavigate，创建一个navigate函数。

3. 在需要导航的地方调用navigate函数，并传递要跳转的路径。

示例代码如下:

import { useNavigate } from "react-router-dom";

function MyComponent() {
  const navigate = useNavigate();

  function handleClick() {
    navigate("/new-route");
  }

  return (
    <div>
      <button onClick={handleClick}>Go to new route</button>
    </div>
  );
}

以上是useNavigate的使用方法，希望能帮到你。