使用自定义哈希历史记录确认导航不起作用

时间:2016-08-19 17:15:36

标签: reactjs react-router

当我在我的应用程序中使用自定义哈希历史记录时,确认导航机制不起作用。我已经修改了react-router confirm-navigation示例以使用自定义哈希历史记录并成功重现了该问题。

我设置路由器离开钩子(router.setRouteLeaveHook)并在钩子中返回一个字符串,表示我不想离开路由。 当我按下BACK浏览器按钮时,浏览器URL将更改为BACK按钮历史记录导航到的位置,reactRouter将正确显示确认对话框。在此对话框中,我按下"取消"按钮表示我不想离开路线,我的组件仍然可见,路线不会改变。问题是浏览器URL没有变回原来我按下BACK按钮之前的位置。

还有其他人看到这个吗?

这是我在examples / confirm-navigation / app.js中更改的内容,以重现问题。

import React from 'react'
import { render } from 'react-dom'
import { createHashHistory } from 'history'
import { browserHistory, Router, Route, Link, useRouterHistory, withRouter } from 'react-router'

let myCustomHashAppHistory = useRouterHistory(createHashHistory)({ queryKey: false })

然后在app渲染中我传递myCustomHashAppHistory:

render((
  <Router history={myCustomHashAppHistory}>
    ...
    ...

0 个答案:

没有答案