开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么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

相关搜索:Django: login_redirect_url不工作 NavLink react-router-dom不工作(刷新页面时工作)React Redirect在登录后不工作 res.redirect('/')；向MongoDb发送数据后不工作 “react-router-dom”的链接不工作？为什么autocomplete MaterializeCSS不工作？为什么childEventListener不工作？为什么isElementPresent不工作？为什么order by不工作？为什么puppeteer $(<selector>)不工作？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么不建议你国庆前找工作

那么，如果你在国庆钱找工作，你需要做什么呢？结语最近在面试过程中，以上内容就是简历的问题。打算换工作或正在找工作的朋友，可以参考一下。

3.7K4 0

为什么我不建议你通过 Python 去找工作？

01、人工智能和机器学习人工智能和机器学习是 Python 应用的重头戏，但这方面的岗位对学历的要求非常高，高到我自己都应聘不上，非常残酷。

2.6K2 0

为什么我不建议你通过 Python 去找工作？

01、人工智能和机器学习人工智能和机器学习是 Python 应用的重头戏，但这方面的岗位对学历的要求非常高，高到我自己都应聘不上，非常残酷。

2.7K4 0

不找C++的工作，为什么要学习C++？

许多学编程的认为，特别是新手会觉得：“我又不找c语言的工作，需不需要学c语言？”...，就象“我又不找C语言的工作，应不应该学c++”一样；我觉得答案不源于你做不做C++的工作，而取决于你做不做程序编程行业的工作。事理非常简单，打个比方当你听见这样的话，估测你也知道为啥了。...或许好的C++编程开发人员，找个高薪工作是做的到的。这算作用之一。这又是许多人为什么挑选语言编程的原因。其实我很想问，假如编程并不是高薪职位，还会有几个去学？...例如学PHP的那时候，难度系数不取决于PHP的if…else…那些语法，而取决于例如PHP的面向对象，PHP的接口，数据库的优化，服务器的负载均衡，集群技术，网络编程等等。

2.2K4 0

Windows凭据不工作

如果不是敲错IP、用户名、密码，报凭据不工作，一般情况下执行这几句命令后重启远程服务就正常了第1句：REG ADD "HKLM\SOFTWARE\Policies\Microsoft\Windows NT...用户名或密码敲错了或复制粘贴的时候带了多余的字符，或者键盘兼容性问题，我曾遇到过横排数字键和右侧数字键区，按键不符合预期的情况（可能没按出来值，也可能按出来跟预期的值不一样）2、用户名、密码正确，通过vnc能进入系统，通过远程就是报凭据不工作上次我遇到个

5.8K2 0

React路由学习

1.安装react-router-dom $ npm i react-router-dom --save 2.在页面进行引入 import {BrowserRouter as Router,Route,...Link} from 'react-router-dom' 3.编写两个无状态的路由组件 // 声明路由组件一个func 相当于是一个路由组件 // 这里是无状态路由的写法实际工作中会把路由组件单独的写成一个...为路径 */} {/* :id 设置规则不传不跳转...component = {Home} /> ) } // 暴露出去 export default AppRouter; 路由的URL传参 1.在路由指引组件上声明传参规则，不传则不会跳转...import {Link,Redirect } from 'react-router-dom' 编程式重定向 this.props.history.push('/home/') 标签重定向在render

7721 0

react 路由完整版「建议收藏」

} from 'react-router-dom' 不能放置在路由显示的第一个位置，否则无法触发打开页面浏览器会自动重定向到'/about'路由 <Redirect to...<Prompt when={触发条件} 不写,则离开当前页面时触发弹窗 message='弹窗内容' / {(location)=>{ 可以通过函数返回内容 }} /> 代码示例:.../views/home' import { NavLink,Switch,Route,Link,Redirect} from 'react-router-dom' import CADD from...from 'react-router-dom' import News from '....React,{ Component } from "react"; import { NavLink,Route,Redirect,Switch} from 'react-router-dom

1.2K2 0

RDP你的凭据不工作RDP密码不刷新

新电脑使用Microsoft账号登录后，RDP提示“你的凭据不工作” 在修改Microsoft账户密码后，RDP的密码一直不更新在Microsoft账户开启无密码后，RDP无法使用如果你不属于上述的情况

12.5K3 0

为什么不推荐使用PHPicker

PHPickerConfiguration，进行配置，再传给 PHPickerViewController，完成调用环节，代码如下： var config = PHPickerConfiguration() // 可选择的资源数量，0表示不设限制...可选择的资源类型 // 只显示图片（注：images 包含 livePhotos） config.filter = .images // 显示 Live Photos 和视频（注：livePhotos 不包含...PHPicker 的缺点 为什么不推荐使用 PHPicker，虽然说 PHPicker 有一些优点，但同时也有一些缺点：加载 iCloud 资源时没有进度回调不支持图片编辑（比如选择头像要将图片裁剪成正方形

2.4K4 0

【密码学】为什么不推荐在对称加密中使用CBC工作模式

引言这篇文章是我在公司内部分享中一部分内容的详细版本，如标题所言，我会通过文字、代码示例、带你完整的搞懂为什么我们不建议你使用cbc加密模式，用了会导致什么安全问题，即使一定要用需要注意哪些方面的内容...注：本文仅从安全角度出发，未考虑性能与兼容性等因素工作模式是个啥分组加密的工作模式与具体的分组加密算法没有关系，所以只要使用了cbc模式，不限于AES、DES、3DES等算法都一样存在问题。...答案当然是不，CBC又引入了新的问题——可以通过改变密文从而改变明文。...我发现很多安全人员写的文章对于这两种填充模式的描述是有问题的，比如：图片其实不管pkcs#5还是pkcs#7 填充的内容都是需要填充的字节数这个数二进制本身，pkcs#5是按照8B为标准分块进行填充，pkcs#7是可以不固定...KishanBagaria/padding-oracle-attacker 图片总结回答标题问题，正是因为CBC字节翻转、padding oracle attack 这些攻击方式的存在，所以在对传输机密性要求高的场景是不推荐使用

2K1 1

MySQL为什么不推荐使用in

当然，每个具体的情况都是不同的，所以在选择查询操作符时，我们需要根据具体的需求和数据情况进行评估和测试。在优化查询性能时，我们可以使用MySQL的查询分析工具来...

2103 0

React 进阶 - React Router

# 路由原理 # History, React-Router, React-Router-DOM History ，React-Router ， React-Router-Dom 三者的关系： History...location ，然后通过 setState 来改变 context 中的 value 改变路由，本质上是 location 改变带来的更新作用 Route Route 是整个路由核心部分，主要工作...RouteList)} ) } Switch Switch 作用是先通过匹配选出一个正确路由 Route 进行渲染通过 Switch 包裹后，那么页面上只会展示一个正确匹配的路由 Redirect...Redirect 可以在路由不匹配情况下跳转指定某一路由，适合路由不匹配或权限路由的情况注意 Switch 包裹的 Redirect 要放在最下面，否则会被 Switch 优先渲染 Redirect... : } /* 使用 */ ;<CustomRouter path="/home" component={Home

1.8K2 1

128 天不上班不工作：照样领工资 9.5 万

和风畅想公司为证明杜某试用期不能胜任岗位工作提交了《录取聘用函》《试用期目标设定表》《工作不胜任数据参考说明》、录音、其他人员工完成的测试用例。...《试用期目标设定表》中载明杜某的主要工作职责是：“1.执行日常测试工作；2.熟悉、掌握业务；3.整理、优化好测试用例；4.性能测试；5.职业技能提升。”...与上述工作职责相对应的衡量标准为：“按期交付，长期bug发现率高于平均水平，遗漏率小于3%；能够胜任车长或备份车长职责，外部干系评价良好；对Case集有整体把握，Case集功能完备、简洁、不冗余并且能适应最新产品...和风畅想公司称《工作不胜任数据参考说明》系杜某的上级主管对其在试用期间的工作评价，但无上级主管签字亦无杜某确认痕迹，该说明中提到杜某存在“工作产出偏低”“组内任务相应偏慢，日常工作积极性偏低”“测试质量低...杜某提交工作数据统计截图、统计数据、自行整理的工作成果、办公软件聊天记录、微信聊天记录，以证明其完成了和风畅想公司安排的工作任务，不存在不能胜任的情况。

2.1K2 0

React 16 - 生态：React Router

React Router 为什么要用路由？...基于路由配置进行资源组织实现业务逻辑的松耦合易于扩展，重构和维护路由层面实现 Lazy Load API : 普通的链接，不会触发浏览器刷新 import { Link } from 'react-router-dom.../> : 重定向当前页面，如登录判断 import { Route, Redirect } from 'react-router'; <Route exact path="/" render...( ) : ( ) }} /> : 路由配置的核心标记，路径匹配时显示对应组件...import { BrowserRouter as Router, Route } from 'react-router-dom'; <Route exact

6762 0

React Router入门指南（包括Router Hooks）

要安装它，您将必须在终端中运行以下命令： yarn add react-router-dom or npm install react-router-dom 现在，我们已经成功安装了react router...到目前为止，我们已经做了很多工作，但是，在某些情况下，我们不想使用链接在页面之间导航。有时，我们必须等待操作完成才能导航到下一页。让我们在下一部分中处理这种情况。...重定向到另一个页面 React Router还有另一个名为Redirect的组件，正如您猜到的，它可以帮助我们将用户重定向到另一个页面。...import { BrowserRouter as Router, Route, Link, Switch, Redirect } from "react-router-dom"; const About...您可能会争论为什么我不使用props.history.push('/')重定向用户？好吧，Redirect组件会替换页面，因此用户无法返回上一页，但是使用push方法，它可以。

11.9K2 0

为什么 MySQL 不推荐使用 join？

对于 mysql，不推荐使用子查询和 join 是因为本身 join 的效率就是硬伤，一旦数据量很大效率就很难保证，强烈推荐分别根据索引单表取数据，然后在程序里面做 join，merge 数据。...这种时候是不建议跨库 join 的。目前 mysql 的分布式中间件，跨库 join 表现不良。 3.

2.1K2 0

04-React路由5版本(高亮, 嵌套, 参数传递... )

path="/home" component={About}/> 在注册路由时可以使用Switch包裹, 如果不使用, 那么路由匹配遇到相同的, 还会继续往下匹配,并且全部展示不包裹...import {Link, BrowserRouter, Route, NavLink, Switch, Redirect} from 'react-router-dom' import React,...{Component} from 'react'; import {Link, BrowserRouter, Route, NavLink, Switch, Redirect} from 'react-router-dom...'react'; import {NavLink, Redirect, Route, Switch} from "react-router-dom"; import News from "../.....params方式传参的获取位置 path 路由地址 url 路由地址 BrowserRouter和HashRouter的区别底层原理不一样 BrowserRouter使用的是H5的History API不兼容

1.1K2 0

为什么不建议使用goto语句

现在老师上课基本上不怎么讲goto语句，很多文章也提到不建议使用，那到底是为什么呢？首先，可以证明，任何一个程序都可以使用三种基本的结构来构成，goto语句是多余的。...为什么三种基本的程序结构就够了？另外，goto容易使程序结构混乱。按结构化程序设计方法设计出的程序优点是：结构良好、各模块间的关系清晰简单、每一模块内都由基本单元组成。

2.3K1 0

为什么不推荐使用存储过程？

最近项目中遇到的存储过程问题，让我想起了去年在武汉出差时一位同事的发问：我觉得存储过程挺好用的，为什么你不建议用？...但对于业务逻辑的通用方法，非常不推荐将其写在存储过程中，代码复用、扩展与客户端语言比，相差甚远。也许终究能实现，但代价与风险比客户端语言要高，得不偿失。

2K3 0

为什么不推荐Docker文件挂载？

今天群里小伙伴发了一个疑问，它通过docker启动了个nginx，nginx的一些相关配置文件都是通过文件的方式进行映射的，疑问的点在于，在宿主机上修改了文件，为什么对应映射到容器里面的文件内容没有改变...bin/bash 查看文件开头 head /etc/nginx.conf 或者直接在宿主机查看 docker exec 3d cat /etc/nginx.conf 可以看到，文件内容未改变这是为什么呢...这次用目录挂载，本地/opt/nginx挂载到容器/opt/下面，之后重复上面的操作，查看inode，修改文件，对比inode 可以看到，目录挂载是没有问题的，容器内文件随宿主机文件实时改变的 为什么目录可以呢

1.5K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭