Reactjs 用于路由的上下文兼容的React钩子

Reactjs 用于路由的上下文兼容的React钩子,reactjs,routes,react-hooks,react-context,hookrouter,Reactjs,Routes,React Hooks,React Context,Hookrouter,我在所有react项目中都使用了钩子和功能组件,没有任何类组件。所以我想要一个用于路由的钩子(所以我不想使用react路由器库)。我在谷歌上搜索了一下,找到了一些钩子,然后选择了那个。由于在路由更改时重新呈现了应用程序组件,因此无法使用上下文随项目一起保存一些数据。我想要一个与react上下文(当然是上下文提供者和useContext)兼容的路由钩子。有人知道吗?感谢您花费时间。使用useHistory钩子导航。此挂钩与路由器dom版本5.1.0及更高版本兼容 import { useHisto

我在所有react项目中都使用了钩子和功能组件,没有任何类组件。所以我想要一个用于路由的钩子(所以我不想使用react路由器库)。我在谷歌上搜索了一下,找到了一些钩子,然后选择了那个。由于在路由更改时重新呈现了应用程序组件,因此无法使用上下文随项目一起保存一些数据。我想要一个与react上下文(当然是上下文提供者和useContext)兼容的路由钩子。有人知道吗?感谢您花费时间。

使用useHistory钩子导航。此挂钩与路由器dom版本5.1.0及更高版本兼容

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

const history = useHistory();

history.push({pathname:'/home'});

使用useHistory钩子导航。此挂钩与路由器dom版本5.1.0及更高版本兼容

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

const history = useHistory();

history.push({pathname:'/home'});

这本书可能对你有帮助:)@bhojendraurauniyar非常感谢你,但我以前学过。问题是它的实现并不像我想的那么简单。它可能会帮助你:)@bhojendraurauniyar非常感谢你,但我以前研究过它。问题是它的实现并不像我想的那么简单,非常感谢您,但我刚才使用的是
useHistory
。在我写这个问题的时候,这个钩子并不存在;)非常感谢,但刚才我正在使用
useHistory
。在我写这个问题的时候,这个钩子并不存在;)