React router v4 在离开页面时获取用户确认

Question

在旧版本中，我可以在组件中使用 setRouteLeaveHook。

例如（SO）：Detecting user leaving page

使用 react router v4，逻辑已经改变，不再将路由器本身注入组件，我只在路由器 v4 上找到了以下功能：

BrowserRouter. getUserConfirmation

我有点困惑，为什么我应该将确认行为与路由器本身而不是特定组件联系起来！？

当我离开我的组件（链接到我当前的路线）时，我如何放置一个确认窗口，同时处于某种状态？上面的函数好像不支持这个。

Answer 1

我认为Prompt component 是您正在寻找的。只需在您要确认导航表单的组件中渲染它，即您在<Route> 中渲染的相同组件。

Answer 2

react-router-navigation-prompt 也可以做你想做的事：它是一个更强大的<Prompt />。