本文正在参加「金石计划 . 瓜分6万现金大奖」 引言 用过vue的小伙伴都知道，vue自带路由守卫钩子并且巨他妈的好用，而对于react开发者来说，在需要路由权限校验时常常存在许多痛点问题。今天我将为

前言 react-router 更新到v6版本应该有好一段时间了，但是v6自己也没真正去实践过，用过v5版本的都知道如果配置路由守卫、拦截等或者像vue那样的路由数组的话是很麻烦的，还要用到react

react router 已经更新到 v6 版本，本文通过新老版本路由的使用对比，新版路由部分源码解析，带你了解、搞懂 v6 版本路由的奥秘。

最近在肝一个后台管理项目，用的是react18 + ts 路由用的是v6，当需要实现根据权限动态加载路由表时，遇到了不少问题。 v6相比于v5做了一系列改动，通过路由表进行映射就是一个很好的改变

Prompt组件可以实现页面关闭的拦截，页面关闭的拦截比较好实现，直接监听beforeUnload事件即可。比较关键的一个是拦截后退按钮。 因为使用了React Router中的browserRout

在 react 中做路由权限管理，一直是比较麻烦的事，不像 vue 中有进入路由前拦截的功能。在摸鱼时间撸了一个傻瓜式配置的路由权限 library (基于 react-router v6)

大家好，我是刚加入掘金的"三重堂堂主"（公众号：咪仔和汤圆，欢迎关注~） 因为新搭了个后台项目，刚好在做权限和路由这一块，就和大家一起探讨下~ 也是为了填上搭建工程系列的坑。

我们知道，Vue 给我们提供了几个钩子函数来让我们在路由跳转前或跳转后做一些事，但 React 却并没有给我们提供这些钩子函数，本文就试着来实现一下类似的路由守卫功能

react-router6 实现私密路由保护功能+登录后重定向之前所在页面,组件包裹校验形式，非函数校验形式