为 es6 使用没有 Mixin 的 React Router 确认导航 类

Question

React Router 有没有办法在不使用 mixin 的情况下使用 confirm 离开路由？我们正在使用 es6 类 并且不能使用 mixin。

这就是我想要完成的： https://github.com/rackt/react-router/blob/latest/docs/guides/advanced/ConfirmingNavigation.md

Answer 1

您将需要使用 History 模块，然后使用 listenBefore():

history.listenBefore(function (location) {
  if (input.value !== '') {
    return 'Are you sure you want to leave this page?'
  }
})

查看 Confirming Navigation 文档。