react路由守卫(鉴权)

最新推荐文章于 2024-08-26 12:03:00 发布

Cmomoa

最新推荐文章于 2024-08-26 12:03:00 发布

阅读量931

点赞数 1

文章标签： reactjs

本文链接：https://blog.csdn.net/Cmomoa/article/details/112250513

版权

首先，我们要知道路由守卫是什么？路由守卫就是当用户并未执行某个操作的时候，不赋予用户访问某些页面的权利，当用户执行完我们需要用户执行的操作后，才给予用户访问某些页面的权利。这里就需要用的react路由的render属性,render可以给组件赋予更多的额外属性，我们在render属性中进行判断用户是否执行了我们需要的操作，如果执行了，才让用户访问某些页面，没执行的话，用户需要去某个页面完成执行操作。代码如下：（使用路由重定向完成用户执行页面的跳转）
在这里插入图片描述