React路由器链接正在更改url，但实际上并未重定向
React路由器是一个用于构建单页面应用程序的库，它允许开发人员在应用程序中实现页面之间的导航和路由。当React路由器链接正在更改URL时，它会根据配置的路由规则来匹配URL，并在页面上渲染相应的组件，而不会进行页面的完全刷新或重定向。
React路由器的链接更改URL的过程如下：
- 用户点击或触发了一个链接或按钮，该链接或按钮与React路由器中定义的某个路由规则相匹配。
- React路由器捕获到这个事件，并根据匹配的路由规则找到对应的组件。
- React路由器更新URL，但不会进行页面的完全刷新或重定向。
- React路由器将匹配的组件渲染到页面上，以显示与新URL相对应的内容。
React路由器的优势：
- 单页面应用程序：React路由器适用于构建单页面应用程序，可以实现无刷新的页面切换和导航。
- 声明式路由配置：React路由器使用声明式的方式配置路由规则，使得路由配置更加清晰和易于维护。
- 嵌套路由：React路由器支持嵌套路由，可以实现复杂的页面结构和导航。
- 动态路由：React路由器支持动态路由，可以根据不同的参数值渲染不同的组件。
- 路由过渡动画：React路由器可以与动画库结合使用，实现页面切换时的过渡效果。
React路由器的应用场景：
- 单页面应用程序：适用于构建需要在同一个页面内进行导航和切换的应用程序，如社交媒体应用、电子商务应用等。
- 多页面应用程序：适用于构建需要在不同页面之间进行导航和切换的应用程序，如博客、新闻网站等。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在使用react-router。它工作得很好，但如果我只是更改url中的:id，它不会重定向页面 <Route path="/school/:id" component={School}/> e-g:如果我已经在学校的页面上，点击了另一个url为" school /908“的链接。Url确实会改变，但内容不会改变
浏览 15提问于2019-05-23得票数 1
我有Card，这是重定向的外部网址点击。但是，我不需要使用location.href，而是需要使用redux-router的.push命令。location.href='www.example.com')
如果我使用这个props.navigate('www.example.com')，它将像本地主机上的一个参数一样返回URL
浏览 3提问于2021-04-05得票数 1
回答已采纳
我正在使用react.js的React路由器AddOn，我有以下4个链接这些链接不起作用，当我点击链接并传递查询"configName"时，不要重定向到相应的页面。但是当我直接在浏览器中输入ur
浏览 1提问于2016-06-10得票数 1
因此，我陷入了一个问题:当单击链接时，URL正在更改，但视图在刷新页面之前保持不变。我已经研究过许多解决方案，唯一有效的方法就是强制重新加载页面，因为我不想这样做，因为React是SPA(单页应用程序)。我尝试过history.push()和Link，但是输出保持不变。App.jsimport { BrowserRouter as Router, Switch, Route }
浏览 2提问于2021-06-14得票数 0
回答已采纳
我读过很多关于react的东西--路由器v4和npm历史库，到目前为止，似乎都没有对我有帮助。在使用history.push()方法更改url时，我的代码正在按预期的方式工作，直到它应该导航并执行简单的重定向。URL正在更改为指定的路由，但不执行按钮按下的重定向操作。谢谢你，还在学习反应路由器.
我希望按钮按下可以在不使用{forceRefresh:true}的情况下进行简单的重定向</em
浏览 25提问于2017-03-22得票数 87
回答已采纳
25回答
React路由器外部链接
、、、、
因为我使用react路由器来处理我的路由，所以我很好奇是否有一种方法可以重定向到外部资源。说有人打：我希望它能重定向到：
example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies
浏览 27提问于2017-03-20得票数 260
回答已采纳
react-路由器URL更改，但组件未加载。我的应用程序内容大量脱离嵌套路由器。查看我的布局 ? 在这个应用中，我主要有两个问题1.重定向2.组件没有加载 看这个gif视频我的问题是什么？why react router url changes but component does not load in my nested router app 我分享gif视频是因为我的gif大小超过在这个gif视频中，你可以看到当点击注销按钮
浏览 26提问于2020-01-03得票数 0
2回答
在我的dev环境中，路由器正常工作，但是一旦我用homepage标记在package.json中构建和部署我的应用程序，路由器似乎就不再工作了。
首先，我假设它会起作用。毕竟，它是一个构建选项，通过对特定的url进行构建，我将假设在相对路径到位的情况下具有相同的功能。然而，<Link to="">部件和<Switch>都不尊重我的react应用程序的相对路径。如果basename正在更改，我至少要从package.json中的设置中推断它，而不
浏览 0提问于2019-08-20得票数 7
回答已采纳
2回答
在我的应用程序中，我使用了react路由器v4来路由.我使用路由来显示各种形式，如显示公寓表格、体验表格、登录、注册等。当我点击公寓图片，反应路由器路由公寓形式。路线变成/apartment。) => this.hideModal()} </div> } router: React.PropTypes.object更新
我试图使用路由器
浏览 1提问于2016-11-25得票数 1
我有一个非常简单的反应路由器设置，这是不正确的工作。当我导航地址栏更改，但反应路由器从来不更新页面。如果我重新加载页面，正确的路由将在初始加载时呈现。如果我按下后退/前进按钮，反应路由器正确导航之间的路由。即使当回/转发在使用react路由器时，单击指向我可以到达的页面的链接，后退/转发仍然什么也做不了。处重新加载页面，启动页面加载
单击“注册链接”，URL更改为&
浏览 0提问于2016-06-01得票数 0
回答已采纳
import React from 'react'; BrowserRouter, Switch, Redirect
const Login = () => <div> Login Content <NavLink to ="/AppHome"> go to App</NavLinkContent <
浏览 14提问于2019-12-23得票数 2
我正在构建一个进步的网络应用程序(PWA)，可以脱机使用。
在该页上，我使用该链接导航回前一页，如下所示。
浏览 2提问于2022-06-08得票数 1
回答已采纳
1回答
我正在构建一个react-router-redux SPA。目前，该应用程序运行良好。无论用户输入什么url，服务器都会发送index.html并从根路由('/')开始。我试图实现的是，当用户输入URL时，服务器仍将发送index.html，但react路由器将知道所请求的URL，并从那里启动SPA。例如，现在如果我输入URL mydomain.com/profile/1，服务器将发送
浏览 13提问于2019-02-13得票数 0
我有一个react单页面应用程序，所以按下back按钮后，它会将我重定向到预期的欢迎页面。现在由于一些要求，我必须更新之间的应用程序的网址，并由于这如果我现在按下后退按钮，它首先将我重定向到旧的网址页面，然后欢迎页面。我如何控制这一行为，意味着即使在更新URL之后，用户也应该在按下后退按钮时直接重定向到欢迎页面。
浏览 1提问于2017-12-04得票数 2
我正在研究一个错误，我们有一个错误-路由器-多玛版本5.0.0和活动类没有应用到活动链接。我尝试实现自己的isActive方法来记录正在发生的事情：
const isActive = (match: Match<any>, historyLocation: Location) => {const basename = (window.env.REACT_APP_BASE_URI || "/") === "/" ?"&
浏览 0提问于2019-05-25得票数 11
回答已采纳
1回答
我正在构建一个带有Rails后端和redux前端的音乐流应用程序。从艺术家索引到艺术展的反应路由器链接正在冻结浏览器。import React from 'react';
import { Link } from 'react</em
浏览 0提问于2019-04-21得票数 2
我使用的是最新版本的react和react路由器dom v6。 我正在开发注册系统，成功注册后想要导航到登录。但history.push在redux操作页面中不起作用 以下是代码 history.js import { createBrowserHistory } from "history"; dispatch(registerFail
浏览 57提问于2021-11-22得票数 0
我正在使用MERN堆栈构建一个应用程序，并使用Passport-local进行身份验证，在后端使用express路由器，在前端使用React路由器。React在端口3000上运行，而express在端口5000上运行。我使用CORS和localhost:5000作为react的package.json的代理服务器。但是，我不能将用户重定向到localhost:3000/dashboard。
如何将用户重定向到React中与E
浏览 7提问于2021-02-05得票数 2
2回答
目前，我在使用React路由器v4时遇到了一些问题，当使用URL参数时，使用了重定向。这是我使用的路线：我正在使用UI框架语义-ui-react及其组件分页( )，并且我不能将其元素呈现为链接，也不能将其呈现为来自react路由器的NavLinks。相反，我
浏览 0提问于2018-05-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
