如何防止用户在React Router V3中意外更改路由
[英]How to prevent users from accidental route change in react router v3
问题描述
我正在尝试实现一个挂钩，以防止用户“意外”更改路线，例如后退按钮或重新加载。 我正在使用react-router v3，因此react router v4中的<Prompt />对我不起作用。
我已经研究过setRouteLeaveHook但是它不能处理意外的重装动作。 任何建议，将不胜感激:)
1 个解决方案
解决方案1
0 已采纳 2018-05-21 00:34:33
我有一个类似的问题，我有自己的解决方案，它同时处理setRouteLeaveHook和onbeforeunload 。
这是我的答案的链接
React Router V3-路径参数更改时卸载嵌套路由组件
[英]React Router V3 - Nested Route Component unmounts on path param change
如何使用 react router dom v6 在路由更改时滚动到顶部？
[英]How to scroll to top on route change with react router dom v6?
react-router v3：进入和离开特定路线时如何重新加载页面
[英]react-router v3: how to reload page when entering and leaving a specific route
如何防止某些用户访问 React 中的路由和任何子路由？
[英]How to prevent certain users from accessing a route and any subroutes in React?
React Router V6：防止用户直接访问子路由并重定向到父路由
[英]React Router V6: prevent user from accessing children routes directly and redirect to parent route
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何使用普通路由定义配置react-router v3？
React Router V3-路径参数更改时卸载嵌套路由组件
如何使用 react router dom v6 在路由更改时滚动到顶部？
如何在 react-router-dom v6 中监听路由变化
通过react-router v3将路由与params匹配
react-router v3：进入和离开特定路线时如何重新加载页面
如何从中获取道具<route />与反应路由器 dom v6
React Router Redux从v3升级到v4
如何防止某些用户访问 React 中的路由和任何子路由？
React Router V6：防止用户直接访问子路由并重定向到父路由
相关标签