react 编程式导航用的hooks

React提供了一个名为`useHistory`的hooks，可以用于编程式导航。`useHistory`返回一个`history`对象，该对象可以用来在React组件中进行路由导航。

例如，你可以使用以下代码在React组件中进行路由导航：

import React from 'react';
import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  function handleClick() {
    history.push('/my-route');
  }

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

在上面的示例中，`useHistory`钩子被调用，返回一个`history`对象。然后，当用户点击按钮时，`handleClick`函数被调用，该函数使用`history.push`方法将用户导航到指定的路由（`/my-route`）。

相关问题

react-router-dom5的所有hooks有哪些？

React Router v5中提供了以下hooks：

1. `useParams`：用于获取URL参数。
2. `useLocation`：用于获取当前URL的信息。
3. `useHistory`：用于访问浏览器的历史记录。
4. `useRouteMatch`：用于获取当前URL是否匹配某个路由规则。
5. `useNavigate`：用于在函数组件中进行编程式导航。

这些hooks可以帮助你更方便地使用React Router管理应用程序的路由。如果你想要了解更多关于React Router hooks的信息，可以查看React Router官方文档。