如果相同history.replace，则react路由器dom URL不会重新呈现组件
在React中，路由器是用来管理应用程序的不同URL路径和对应的组件的工具。当URL发生变化时，路由器会根据配置的规则加载相应的组件并渲染到DOM中。
在React中，有两种常用的路由器：React Router和Reach Router。无论使用哪种路由器，它们都有一个共同的特点：当URL发生变化时，路由器会根据匹配规则重新渲染组件。
然而，如果使用相同的history.replace方法来修改URL，React路由器的DOM不会重新呈现组件。这是因为history.replace方法只是修改了URL，而没有触发路由器重新匹配和渲染组件的过程。
要解决这个问题，可以使用history.push方法来修改URL。history.push方法会将新的URL添加到浏览器的历史记录中，并触发路由器重新匹配和渲染组件的过程。
总结起来，如果想要在React中使用路由器重新呈现组件，应该使用history.push方法来修改URL，而不是history.replace方法。
关于React路由器的更多信息和使用方法，可以参考腾讯云的相关产品和文档：
- 腾讯云产品：云服务器 CVM
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
请注意，以上答案仅供参考，具体的实现方式可能因项目需求和技术选型而有所不同。
相关·内容
我已经创建了一个组件，在文本框的快捷键上，我重定向如下 if(e.keySearch <input type='text' placeholder='Search...' onKeyDown={(e) => {searchKeyDown(e)}}/> )
export def
浏览 10提问于2020-07-30得票数 0
回答已采纳
我在Main组件中有以下内容； <Route path="/forum/*" element={<Forum />} />在Forum组件中 <Route path=":topicName" element={<QuestionFeed />} />当
浏览 6提问于2021-12-28得票数 0
回答已采纳
1回答
:88warnAboutRenderPhaseUpdatesInDEV @ react-dom.development.js:23250scheduleUpdateOnFiber @ react-dom.development.js:21165beginWork$1 @
浏览 6提问于2020-10-11得票数 11
回答已采纳
4回答
designId = res.data.data.id pathname: `${match.url
浏览 36提问于2020-05-03得票数 0
回答已采纳
在使用React路由器及其浏览器历史记录时，有几种触发重呈现的情况，我不想重新呈现整个应用程序：向URL.添加诸如"?是否有办法做到这一点，或者解决方案是优化某些组件以提高性能？
浏览 2提问于2020-09-27得票数 2
回答已采纳
React路由器版本是4。下面是我的代码中BrowserRouter的用法：import ReactDOM from 'react-dom';import {BrowserRouter, Route, Redirect, Switch} from 'react
浏览 16提问于2017-07-17得票数 1
回答已采纳
使用react路由器，我已经完成了这项工作，更新url： pathname: `/product/${this.props.product.id}`,但是，这会导致重新呈现/导航更改。有没有办法在不这样做的情况下更新url？我的用例是，我有一个产品列表，当我单击其中一个产品时，我会显示一个Modal，并希望将url更新为类似example.
浏览 0提问于2019-07-19得票数 38
2回答
目前，我在使用React路由器v4时遇到了一些问题，当使用URL参数时，使用了重定向。这是我使用的路线：我正在使用UI框架语义-ui-react及其组件分页( )，并且我不能将其元素呈现为链接，也不能将其呈现为来自react路由器的NavLinks。我想出了
浏览 0提问于2018-05-13得票数 0
回答已采纳
4回答
我有一个支付功能，这是一个按钮，点击调用，如果用户没有登录，我想重定向该用户到签署组件。这是我的函数代码。
浏览 17提问于2022-10-01得票数 0
我试图在我的reactjs应用程序中使用react路由器。Link } from "react-router-dom";
import About from '..，当我单击"Home“链接时，它应该针对2条路由，一条将呈现"LinkTest”，另一条则呈现"Home“。(前面已经呈现)时，浏览器上的url会显示""，但是什么都不会发生
浏览 2提问于2018-10-05得票数 1
4回答
我目前的理解是，当需要看到某个组件或当路由需要该组件时，该组件就会挂载到DOM上。它还将呈现其子组件。这是否意味着当您访问不包含该组件的路由时，或者当您访问任何未显示该组件生成的元素的页面时，该组件将被卸载？因此，组件每次出现在DOM上时都需要重新挂载(属性和状态更改之外)，对吗？
浏览 0提问于2017-01-06得票数 58
当我试图从开关内的组件中跟随链接组件时，url会更新，但是页面不会重新呈现或刷新到新页面。假设显示了/about/页面的组件，并包含指向/agb/的链接，url将表示www.example.com/agb/，但我将位于about页面上。如果手动刷新，则位于/agb/页面。奇怪的是，头组件似乎工作得很好。如果</e
浏览 1提问于2019-08-29得票数 0
使用React路由器并在Meteor应用程序上做出反应。我使用OAuth，在OAuth调用到另一个站点之后，该站点用代码重定向到我的URL。例如我如何在不重新加载的情况下使用React路由器或Javascript来做到这一点？
浏览 3提问于2018-06-29得票数 2
回答已采纳
1回答
如果我在'/'路由器中添加AccountDashboard路由，我提供的任何组件都会呈现得很好，因为AccountDashboard中的路由器与它匹配，但我想重定向到ChangePassword组件中的如何导航到子/嵌套路由器内父路由器上的路由？import React, { Component } from 'react<
浏览 0提问于2019-01-16得票数 3
请告诉我why my header render every time already use React.memo ?这是我的密码
import { withRouter } from "react-router-dom";
console.log("
浏览 2提问于2020-04-22得票数 3
回答已采纳
我有一个非常简单的反应路由器设置，这是不正确的工作。当我导航地址栏更改，但反应路由器从来不更新页面。如果我重新加载页面，正确的路由将在初始加载时呈现。如果我按下后退/前进按钮，反应路由器正确导航之间的路由。即使当回/转发在使用react路由器时，单击指向我可以到达的页面的链接，后退/转发仍然什么也做不了。处重新加载页面，启动页面加载
单击“注册链接”，URL更改为&
浏览 0提问于2016-06-01得票数 0
回答已采纳
我有一个react应用程序，用户单击一个按钮，然后返回一个随机项，我想从该项目中取出一个属性，并将其附加到URL。但是，我不希望页面重新加载。虽然我可以使用history.replace / history.push更新URL，但问题是，如果用户单击“后退”，它们将返回到最后一个页面，该页面将根据redux存储中先前的值正确地呈现，但该URL例如，如果用户在myapp/item6 6上并按后退按钮，它们将被返回到m
浏览 0提问于2018-04-20得票数 0
回答已采纳
我试图更好地理解为什么我的所有组件在Router v5中的路由更改时都会重新呈现。注意，这些组件只是重新呈现，而不是重新安装。当我在dev tools中打开react扩展并选择Highlight Updates复选框时，我可以看到所有组件在更改路由时都会被概述，甚至那些位于比路由匹配级别更高的组件： <MyHeader/>
<ComponentWith
浏览 3提问于2018-06-05得票数 5
回答已采纳
1回答
在Reactive路由器第4版之前，据说您会建立路由静态，作为应用程序初始化过程的一部分。// index.js
import ReactDOM from 'react-dom'
ReactDOM.render(routes, document.getElementById(&#
浏览 2提问于2018-10-23得票数 2
回答已采纳
使用完全相同的设置，我遇到了这样的问题：history.push(url)更改了地址栏中的url，但是页面没有重新呈现。可能相关：
如果我在地址栏中输入URLS并按回车键，路由器就会呈现正确的组件，这表明路由器和Switch可以很好地处理刚加载的页面。<code>H 139</code>我已经设置了用于重新呈现组件时闪烁的开发工具
浏览 4提问于2021-09-14得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
