为什么react-router-dom <Redirect>不工作？
react-router-dom中的<Redirect>组件用于在路由中进行重定向。当<Redirect>不起作用时，可能有以下几个原因：
- 路由配置错误：首先要确保路由配置正确。检查是否正确设置了<Switch>组件，并在其中包含了正确的<Route>和<Redirect>组件。
- 路径匹配问题：<Redirect>组件的from属性指定了要重定向的路径，to属性指定了重定向后的路径。确保from属性的路径与当前URL匹配，否则重定向将不会触发。
- 使用错误的组件：确保在使用<Redirect>组件时，将其包裹在<Router>组件中。如果没有正确地将<Redirect>组件放在<Router>组件内部，它将无法正常工作。
- 使用错误的版本：确保使用的是react-router-dom的正确版本。有时候，不同版本的react-router-dom可能会有不同的用法或行为。
- 其他因素：如果以上步骤都没有解决问题，可能是由于其他因素导致<Redirect>不起作用。可以尝试在开发者工具中查看控制台输出，以获取更多的错误信息。
总结起来，<Redirect>不起作用可能是由于路由配置错误、路径匹配问题、使用错误的组件、使用错误的版本或其他因素导致的。需要仔细检查并排除可能的问题，以确保<Redirect>能够正常工作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储、备份和归档各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等功能。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我正在使用react-router-dom v5.2……我看到有人说重定向不是v5+的一部分，它改成了“导航”……但它确实在某一时刻起作用了。另外，当尝试使用‘导航’时，它会显示这不是一个导出的包。if (this.props.isAuthenticated) { return (<RedirectDashboardScreen privateRoute组件： import React from 'react'
im
浏览 98提问于2020-12-04得票数 0
为此，我正在检查用户是否在componentDidMount()中进行身份验证，如果没有，我将使用<Redirect to="/login"/> balise将用户重定向到/login。问题是，我有一个错误：You should not use <Redirect> outside a <Router>，尽管我在<BrowserRouter>中import Reactfrom 'react';
import {Brow
浏览 2提问于2020-04-09得票数 0
回答已采纳
反应-路由器似乎是在我的应用程序工作，但事实上，我得到一个空白页，而不是我的组件，即使它是指向正确的路径。import React from 'react';import/scenes/CityPage';
const Router = (
浏览 7提问于2019-09-18得票数 0
回答已采纳
嗨，当用户点击键盘上的刷新按钮时，我想将用户重定向到其他页面，使用React react-router-dom' v5。
浏览 3提问于2022-08-27得票数 0
2回答
我的反应应用程序反应-路由器-不工作。它显示出错误
import { BrowserRouter as Router, Route, Switch, <em
浏览 4提问于2020-01-05得票数 3
我尝试使用路由从react-router-dom加载路径，但它只获取"/“路径，它不加载任何其他路径，身份验证逻辑以前工作得很好，但路由似乎什么都不工作，如果我向"/”路径添加任何其他组件，它将开始加载我已经尝试了许多方法，但没有找到任何解决方案，我已经添加了正确的组件，他们在我添加路由之前工作顺利，现在我是一个初学者，这可能是一个简单的修复对你们来说，请帮助我在这里，因为我卡住了，找不到任何解决方案/Context/auth-context';
imp
浏览 55提问于2021-08-24得票数 2
3回答
登录后重定向到配置文件
、、、、
GoogleAuth; 如果需要，下面是React代码： import React, { Component } from 'react';import {Redirect} from "react-router-dom"
if (isAuthenti
浏览 22提问于2020-04-18得票数 0
回答已采纳
useDispatch, useSelector } from "react-redux"; };
<Row> <h1>Shopping Cart</h1>redirect</
浏览 9提问于2022-04-06得票数 0
我有这个onSubmit函数 const errors = this.validate(this.state); e.preventDefault(); var self = this; "email":this.state.email,
"password"
浏览 0提问于2018-09-14得票数 0
回答已采纳
我正在尝试使用react-router-dom 4.3.1中的重定向。我将所有的逻辑应用到mi app.js中，并为令牌做一个get，如果存在，我必须将用户重定向到主页。我还尝试使用历史记录，但我不工作。。问题在哪里？app.js import { Redirect } from 'react-router-dom'
const}catch(error){console.log('NOT&
浏览 22提问于2019-05-20得票数 0
我使用的是react-router-dom。我需要重定向到仪表板时，用户注册成功。但是我的Redirect组件不工作。我该如何修复这个bug呢？ 这是我的Register.jsx文件。import React, { useState, useEffect } from "react";import("Success create Accound&q
浏览 29提问于2021-05-02得票数 1
/libs/session'; console.log('no Jurisdiction');
return (<Redirect这就是
浏览 4提问于2018-08-07得票数 5
我在react路由器上遇到了一些问题(我使用的是版本^4.0.0)。import React from 'react';import App from './App';import { Router, Route, Link, browserHistory } from 'react-router';
<Router hist
浏览 10提问于2017-03-19得票数 135
回答已采纳
我有一个使用react-router-dom的React应用程序，如果满足条件，我想在我的顶级应用程序组件中创建一个<Redirect />。import { BrowserRouter, Redirect, Route } from 'react-router-dom';
/
浏览 3提问于2019-12-01得票数 0
AuthenticatedRouteimport { Route, Navigate } from "react-router-dom";
Routes.js
import { Navigate, Route, Routes } from "react-router-dom
浏览 4提问于2021-09-06得票数 1
React, { useState, useEffect } from 'react';
import { BrowserRouter, Route, Routes, Navigate } from 'react-router-dom
浏览 96提问于2021-11-14得票数 2
回答已采纳
this.handleClick = this.handleClick.bind(this);
debugger; this.context.router.history.push('/HomePage');
我使用：npm in
浏览 0提问于2018-09-10得票数 6
/actions/authActions'// import PropTypes from 'prop-typesthis.setState({ msg: null }) return (<Redirect
浏览 2提问于2020-04-14得票数 0
回答已采纳
login' component={Login} /> <Redirect我想知道为什么会发生这个错误，以及如何解决这个问题？
浏览 0提问于2020-11-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
