react-router实现类似vue-router路由守卫

react-router没有vue-router 的beforeEach钩子函数，可以使用react-router-config这个库去实现权限控制。

：所用react-router版本4.X

import React from 'react'
import { Route, Redirect, Switch } from 'react-router-dom'
const renderRoutes = (routes, authed, authPath = '/login', extraProps = {}, switchProps = {}) => routes ? (
  <Switch {...switchProps}>
    {routes.map((route, i) => (
      <Route
        key={route.key || i}
        path={route.path}
        exact={route.exact}
        strict={route.strict}
        render={(props) => {
          if (!route.requiresAuth || authed || route.path === authPath) {
            return <route.component {...props} {...extraProps} route={route} />
          }
          return <Redirect to={
  { pathname: authPath, state: { from: props.location } }} />
        }}
      />