上下文兼容的React路由钩子

Question

我在所有react项目中都使用了钩子和功能组件，并且没有任何类组件。所以我想一个钩子用于路由（所以不想使用react-router库）。我用Google搜索并找到了一些钩子，然后选择了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'});