react-router usehistory

React Router的useHistory是一个自定义的钩子函数，用于在函数组件中获取路由的历史对象。它可以让你在任意位置使用路由的历史对象，而不仅仅局限于BrowserRouter组件内部。

在React Router中，BrowserRouter组件是用来包裹整个应用的顶层组件，它提供了路由的功能。而useHistory钩子函数可以让你在任意组件中获取到BrowserRouter组件提供的路由历史对象。

引用\[1\]中的代码展示了BrowserRouter组件的实现，它使用了createBrowserHistory函数创建了一个浏览器历史对象，并将其作为参数传递给Router组件。而useHistory钩子函数则是在BrowserRouter组件内部使用的，它通过访问context中的navigator和state属性来获取路由的历史对象。

引用\[2\]中的代码展示了使用remix router的DataBrowserRouter组件的实现，它也是通过访问context中的navigator和state属性来获取路由的历史对象。

引用\[3\]中的代码展示了将history实例完全外置的实现方式，你可以在任意位置导入history对象，并使用它的方法来进行路由导航操作。

综上所述，React Router的useHistory钩子函数可以让你在函数组件中获取到路由的历史对象，无论是在BrowserRouter组件内部还是在任意位置都可以使用。
#### 引用[.reference_title]
- *1* *2* *3* [react router v6实现useHistory与自定义history设计思路](https://blog.csdn.net/qq_21567385/article/details/126945139)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]