javascript - 反应重定向是
问题描述
因此,由于 Redirect 是一个应该由渲染器返回的组件,因此我在验证用户是否经过身份验证后尝试将用户重定向到某个页面,并且由于某种原因它没有重定向。我宁愿不使用 useHistory,因为我正在为 comps 使用受保护的 Route 并且不处理事件。我错过了什么?
import React from 'react';
import { useSelector } from 'react-redux';
import { BrowserRouter as Redirect, Route } from "react-router-dom";
const PrivateRoute = ({component: Component, ...rest}) => {
const {isAuthenticated,loading} = useSelector(state => state.auth);
return (
<Route {...rest} render={props => !isAuthenticated && !loading ?
(<Redirect to='/login' />) :
(<Component {...props} />)} />
)
}
export default PrivateRoute
解决方案
我认为这应该是
从“react-router-dom”导入 { BrowserRouter as Redirect, Route };
像这样:
从“react-router-dom”导入 { BrowserRouter ,重定向,路由 };
推荐阅读
- selenium - 无法通过类型属性或 xpath 定位登录框
- mysql - 比目前更快地导出/导入数据库
- java - 无法在Java中使用帖子正文重定向
- java - 计算填充以使矩形居中对齐(按百分比调整大小)
- java - 为什么 java action System.out 在 Oozie 中执行时会消失?
- php - Cakephp - 索引搜索
- python - 如何绘制带孔的 Shapely 多边形?
- bazel - 包含 pcl 的项目中的 bazel 构建错误
- amazon-web-services - 如何在 Typescript 中优雅地导入 AWS - Lambda?
- android - Android Studio 安装程序卡在“Patching Google APIs Intel x86 Atom_64 System Image 13 to 14”