react-router v6 路由守卫最佳实践!

lxf2023-04-06 13:40:01

前言

react-router 更新到v6版本应该有好一段时间了,但是v6自己也没真正去实践过,用过v5版本的都知道如果配置路由守卫、拦截等或者像vue那样的路由数组的话是很麻烦的,还要用到react-router-config的这个库,但是升级v6版本后api改动就变得很大了,比如说可以直接支持路由数组的配置,history跳转改成用useNavigateswitch改成用Routes等,刚好最近也是想基于最新的react和react-router来搭建一个博客网站,特别是在配权限路由的时候花费了不少时间(可能是我比较菜的原因