对于大部分管理后台而言，角色权限都是一个重要的环节。通过角色权限的配置，我们可以轻松的调整各个用户所拥有的各个模块或者说页面的权限，从而让用户只能访问到对应权限的页面。

如果你刚刚从 Vue 转到 React 技术栈，如果你正因 React Router 无法轻松实现 路由集中配置管理 和 路由守卫 的功能而困扰，希望这篇文章能够对你有所帮助。

众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换而不用刷新整个网页. React-Router 就是一个扩展 …

前段时间我们学习了一些React基础知识，还有一些组件化编程的知识，然后做了两个小demo，今天我们来学习React的路由插件react-router-dom的使用。

前言 本文并不是一步一步按照react-router的源码来分析的，而是通过阅读完react-router源码后，总结的一些核心点以及想法。 关于react-router 我们平时使用的都是react

“路由页面跳转后状态保存”指的是在开发业务需求过程中经常会碰到的一种情况——在一个页面（通常是表格页）进行一顿猛如虎的操作之后，点击某一项详情进入另外一个页面之后再返回（点击后退按钮），上一页还可以保持原先的状态不变（页面、搜索词等）。 主要是为了用户体验。试想一下当你辛辛苦苦…

在 上一篇文章 中介绍了前端路由的实现及 react-router-v4（以下简称 rr4） 的源码分析，目前阶段 rr4 已经基本垄断了 react 生态圈的路由，虽然 v4 版本成功完成了一切皆组件的蜕变，但其实它本身还有诸多问题，比如 keep-alive。 keep-a…

如果你用过 Vue，那肯定知道它有一个非常好用的组件（keep-alive）能够保持组件的状态来避免重复重渲染。 有时，我们希望在列表页面进入详情页面后，缓存列表页面的状态；当从详情页面返回列表页面时，列表页面还是和切换前一样。 这实际上挺难实现的，因为 React 中的组件一…

React-Router是React生态里面很重要的一环，现在React的单页应用的路由基本都是前端自己管理的，而不像以前是后端路由，React管理路由的库常用的就是React-Router。本文想写一下React-Router的使用，但是光介绍API又太平淡了，而且官方文档已…