react 路由鉴权

React路由鉴权是指在用户访问某个路由时，需要进行权限验证，只有在用户有权访问该路由时才能访问，否则需要跳转到其他页面或者进行其他操作。

实现React路由鉴权的一般步骤如下：

1. 定义需要进行权限验证的路由，例如需要登录才能访问的路由。

2. 在路由组件中添加权限验证逻辑，例如判断用户是否登录、用户是否有权限等。

3. 如果用户没有权限访问该路由，可以进行跳转到其他页面或者进行其他操作，例如跳转到登录页面、显示错误提示等。

一个简单的React路由鉴权的实现方法如下：

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

// 定义需要进行权限验证的路由
const PrivateRoute = ({ component: Component, isAuthenticated, ...rest }) => (
  <Route {...rest} render={props => (
    isAuthenticated ? <Component {...props} /> : <Redirect to="/login" />
  )} />
);

export default PrivateRoute;

在上面的代码中，我们定义了一个`PrivateRoute`组件，它接受一个`isAuthenticated`参数，表示用户是否已经登录，如果已经登录，就可以访问该路由，否则就跳转到登录页面。

使用时，我们可以在路由配置中使用`PrivateRoute`组件，例如：

import PrivateRoute from './PrivateRoute';

const App = () => (
  <Router>
    <Switch>
      <PrivateRoute exact path="/" component={Home} isAuthenticated={isAuthenticated} />
      <Route path="/login" component={Login} />
      <Route path="/register" component={Register} />
    </Switch>
  </Router>
);

在上面的代码中，我们使用`PrivateRoute`组件来定义需要进行权限验证的路由，如果用户已经登录，就可以访问`Home`组件，否则就跳转到登录页面。