2024年4月23日发(作者：)

useHistory 是 React Router 提供的一个 Hook，用于访问浏览器的历史

记录并执行导航操作。它返回一个 history 对象，该对象包含以下主要方法：

1. push(path, state)：

path: 要导航到的新路径。

state: （可选）要与新条目关联的状态对象。

这个方法会将一个新的条目添加到浏览器的历史记录中，并立即导航到新的

路径。

2. replace(path, state)：

path: 要导航到的新路径。

state: （可选）要与新条目关联的状态对象。

这个方法会替换当前的历史条目为新的条目，并立即导航到新的路径。

3. go(n)：

n: 要前进或后退的条目数量。

如果 n 是正数，它会向前导航相应的条目数；如果 n 是负数，它会向后

导航相应的条目数。

4. goBack()：

这是一个便捷的方法，等同于 go(-1)，用于后退到上一个历史条目。

5. goForward()：

这是一个便捷的方法，等同于 go(1)，用于前进到下一个历史条目。

6. block(prompt)：

prompt: （可选）在用户尝试离开当前页面时显示的提示消息。

这个方法可以用来阻止用户的导航操作，通常在需要确认用户是否真的要离

开当前页面的情况下使用。

7. listen(listener)：

listener: 一个回调函数，当历史状态改变时会被调用。

这个方法可以用来监听历史状态的变化。

注意：在使用 useHistory Hook 时，你不需要传递任何参数，只需调用

useHistory() 即可获取 history 对象。然后，你可以使用这个对象来执行上述

的导航操作。例如：

jsx代码：