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

Question

我在所有的react项目中都使用钩子和函数组件，并且没有任何类组件。所以我想要一个用于路由的钩子(所以不想使用react-router库)。我用谷歌搜索了一下，找到了一些钩子，然后选择了hookrouter。由于应用程序组件在路由更改时被重新渲染，因此不能使用上下文将某些数据与项目一起保存。我想要一个与react-context (当然是context-provider和useContext )兼容的路由钩子。有谁认识一个吗？感谢您的宝贵时间。

Answer 1

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

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

const history = useHistory();

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