React-router二级路由+动态路由+LocalStorage+cookie+路由权限校验

1、二级路由实现原理：就是在一级路由Route组件对应的component内编写NavLink+Route

2、解决点击一级路由二级路由默认显示问题

实现原理：将一一路由重定向到二级路由默认路径

例：点击/activities 默认跳转 /activities/recommonded路径

 注：NavLink组件改变的是url、Switch组件内决定显示什么内容

3、在一个组件内点击跳转到另一个组件

原理：在react中只要是(被BorwserRouter组件、HashRouter组件包裹的)Route组件，Route组件path路径对应的页面级组件的props就会默认的被添加history、location、macth对象属性，可以利用history内的path、repalce方法进行跳转

this.props.history.push('/topics')

4、动态路由：文章详情页为例

1）配置路径+组件：

<Route path=