使用React-Router实现前端路由鉴权的示例代码

本文全部代码已经上传GitHub，大家可以拿下来玩玩：本文要实现的功能是大家经常遇到的场景，就是要控制不同的用户角色来访问不同的页面，这里总共有四个页面：。为了好管理这三种页面，我们可以将他们抽取成三个文件，放到一个独立的文件夹 对于每个路由文件，我们可以将这类路由组织成数组，然后 然后我们外面使用的地方直接改为：这样我们的 要封装这个鉴权组件思路也很简单，前面我们将 然后就可以写我们的高级组件了，我们将它命名为 然后用我们的 在我们的 到这里我们这个简单的路由鉴权就完成了，具体跑起来效果如下：本文全部代码已经上传GitHub，大家可以拿下来玩玩：