history.push()更新url，但不呈现组件
history.push()是React Router库中的一个方法，用于在不刷新页面的情况下更新URL并导航到新的页面。当调用history.push()方法时，URL会被更新，但不会重新渲染组件。
history.push()方法有以下几个作用和特点：
- 更新URL：使用history.push()可以更新浏览器的URL，以便反映用户导航的变化。这在构建单页面应用程序（SPA）时非常有用，因为它允许用户通过更改URL来导航不同的视图。
- 导航到新页面：调用history.push()方法后，会导航到一个新的页面，但不会刷新整个页面。这是通过使用HTML5的History API来实现的，它可以修改浏览器的历史记录栈，而不会触发完整页面的重新加载。
- 不重新渲染组件：使用history.push()方法更新URL后，当前组件不会重新渲染。这意味着组件的状态和数据将保持不变，但URL会更新，用户可以通过浏览器的后退和前进按钮返回之前的页面。
使用history.push()方法可以实现一些常见的页面导航场景，例如用户点击菜单项或按钮后导航到不同的页面。
下面是一些可能的应用场景：
- 导航到另一个路由：当用户在应用程序中点击某个链接或按钮时，可以使用history.push()方法导航到另一个路由，以显示相应的组件。
- 表单提交后的页面跳转：当用户在表单中输入数据并提交后，可以使用history.push()方法将用户导航到显示提交结果的页面。
- 条件导航：根据用户的某些条件或权限，可以使用history.push()方法将用户导航到不同的页面，以提供不同的功能或内容。
腾讯云相关产品推荐： 腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品和对应的介绍链接地址：
- 云服务器（CVM）：提供可靠、可扩展的云服务器实例，适用于各种Web应用、批处理作业、大数据分析等场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、高可靠的云数据库服务，适用于Web应用、移动应用、电商平台等。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模结构化和非结构化数据。了解更多：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：提供各类人工智能服务和解决方案，包括自然语言处理、图像识别、机器学习等。了解更多：https://cloud.tencent.com/product/ai
请注意，这里只是一些示例产品，腾讯云提供了更多云计算相关的产品和服务，您可以根据具体需求进行选择。
相关·内容
当我尝试导航时，我的项目历史记录似乎无法呈现其他组件。 import React from 'react'; <Route exact path='/apuntes' component={Apuntes} /> );
} 然后，在我的登录类中，我调用了history.push('/apunte
浏览 26提问于2021-10-30得票数 0
我正在尝试从react-router-dom实现Redirect，它在URL中重定向，但没有重新呈现相应的组件。react-router-dom';
const transmitAPI = 'third/party/api/url';
const [t
浏览 18提问于2021-04-06得票数 0
回答已采纳
使用完全相同的设置，我遇到了这样的问题：history.push(url)更改了地址栏中的url，但是页面没有重新呈现。在调用least).Downgrading之后，所有组件都会闪烁，尽管没有任何重新呈现(在视觉上，在history.push(url)历史记录上为4.10.1 )似乎为其他人修复了最近关于这个问题的许多报告I还在Page组件中放置了一个简单的按钮组件，该组件以同样的问题向h
浏览 4提问于2021-09-14得票数 3
编辑:我很尴尬地说，答案是我发送给重定向和history.push()的URL中的一个错误。因此，对于任何想知道的人来说，似乎链接、重定向和history.push()都应该同样工作。为什么链接要完全工作，而重定向和history.push()只更新URL，而不呈现该URL上的组件？用户单击一个按钮，该按钮通过Redux动作创建者调用服务器端函数。服务器函数将数据写入Firebase Firestore服务器函数返
浏览 2提问于2021-04-25得票数 1
我有一个显示调频电台列表的组件。我希望将数据传递给各个组件，因为大多数数据已经存在。但是，我不能重定向到个人FM页面的按钮点击后称为点击我。
浏览 9提问于2020-07-26得票数 0
1回答
当另一个组件更改查询/搜索字符串时，我需要一个组件来重新呈现。要更改我使用的history.push()的url： private updateURL(date: Date) {} 在我的导航栏中，我想要更新我的链接，以便它们可以在URL之间共享查询字符串。()，侧边栏就会进行相应的更新，这很好。而改变时导致侧边栏更新？
浏览 5提问于2019-03-22得票数 2
回答已采纳
文件上说：
我正在尝试在一次重击中执行history.push('/myNewRoute')
浏览 0提问于2019-06-21得票数 64
SUCCESS', res.data) history.pushauthLog.isAuthenticated){
history.pushauthLog.isAuthenticated)
浏览 6提问于2020-10-11得票数 11
回答已采纳
但是，只有URL在更改，页面不会重新加载或更改(我有一个空白页面)。我错过了什么？Home() { <div> </div>} 因为我想测试history.pu
浏览 38提问于2021-06-28得票数 1
2回答
因此，这里有我的Blogs组件，它从db获取所有博客文章并显示如下所示下面是上面这张图的反应代码import单击标题时，这些详细信息将作为道具传递给另一个名为BlogDetails的组件，并将呈现出来。我陷入困境的部分是使用blogpost id路由到BlogDetails组件。在单击标题时，我是否可以使用“路由”来呈现BlogDetails组件？
请帮帮忙
浏览 1提问于2021-03-27得票数 2
2回答
我可以在组件中进行如下所示的提取：var [page,setPage] = useState();
return singlepage.url== props.match.params.url; }
.catch(err => setErrors
浏览 7提问于2020-05-25得票数 1
回答已采纳
简单地解释一下，我有两个内容应该在窗口大小上更新的组件。在每次调整窗口大小时，我们都会对新的url执行一个history.replace()操作，并将一个history.push()返回到旧的url，这样就可以真实地模拟url的变化。功能组件:道具(来自全局状态)总是在每次调整大小和在url更改之后都可用。
类组件(在呈现中)：道具(来自全局状态)也是在每次调整大小和在url更改后的呈现
浏览 0提问于2018-07-24得票数 0
回答已采纳
我有一个react组件，当我点击一个菜单选项时呈现，这个页面有一个表单要完成，这已经完成了，onSubmit我想把它重定向到用户之前点击的组件。history.push(previousURL); const URL = window.location.href; previousURL // l
浏览 3提问于2020-10-10得票数 0
回答已采纳
2回答
如何在从一个页面重定向到另一个组件时将道具传递给另一个组件。
单击“视图按钮”时，我希望将details状态传递给另一个组件，即{分页}，该组件将在新页上打开。我正在尝试用url <Route path="/detilaing" exact component={PAGING} />打开新页面上的分页组件。
浏览 4提问于2020-05-12得票数 0
回答已采纳
我正在实现的东西：App.js我的问题：
我已经用:documentId当我查询Cloud并返回7个文档时，我希望选择一个文档，并且在url中使用documentId。我已经尝试寻找一个
浏览 3提问于2020-05-26得票数 0
回答已采纳
2回答
我想做的是，如果在url中有第一个参数"/german"，它会一直打开我的组件。这是一个人总是可以选择的菜单，不管打开的是什么组件。
浏览 8提问于2022-08-09得票数 2
我试图使用基组件中定义的一些数据从基本组件推送到另一个组件，这些数据以params形式发送给history.push。</div>)}这是个转折。我重复了相同的情况，创建了新的组件，但是结果是一样的。这是什么原因？&qu
浏览 5提问于2017-08-08得票数 1
props.errors.address){ } */在handleSubmit中调用的validateData函数具有验证逻辑，它在验证时更新状态变量错误。这里的问题是，props.errors没有显示为console.log()在validateData函数中使用的日志记录的更新。", educationInfos: Array(1), …}
这是在第二次单击时记录的(但应
浏览 2提问于2021-04-17得票数 1
回答已采纳
单击“登录”时，它将正确设置cookie，但地址不会更新。因此，我需要手动更新地址以使其正常工作。当我单击“注销”时，它将正确删除cookie并正确更新地址，但它将显示一个空白页。const loggedUser = JSON.parse(sessionStorage.getItem('user')); history.push(PathConst.toHomePage); histor
浏览 1提问于2021-05-23得票数 1
2回答
我想在ReactJS中从一个页面导航到另一个页面我正在使用history.push，但它给出了一个错误，即TypeError: Cannot read properties of undefined (alert("It is working"); setLoading(false);
history.push
浏览 2提问于2021-09-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
