【路由跳转history在react-router V6中的用法】

我使用的是react-router V6，本应该使用navigate实现路由跳转的，但navigate无法在类组件中直接使用

（若需要在类组件使用，请戳：类组件使用useNavigate）

因此我想到使用history来实现跳转，下面记录一下 history 在 v6 中的用法：

1. 先引用：

2.通过createBrowserHistory()创建新的history实例：

在后台可以看到，在history中我们已经能拿到push方法了：

3. 直接使用history.push方法便可以实现路由跳转：

使用该方法会有路由变化而UI不变化的问题，需要手动对页面刷新。

我们只需要将 createBrowserHistory() 创建的 history 与新的 unstable_HistoryRouter API进行上下文绑定即可，

unstable_HistoryRouter的使用：
使用 unstable_HistoryRouter 需要传入一个 history
库的实例，这将允许在非react作用于下操作history对象。

由于项目使用的history和react-router中使用的history版本可能不一样，该API目前标为unstable状态

绑定如图：

但是我使用了会报错，一直无解，因此只能使用window.location.reload();进行自动刷新。