react js history.push和history.goBack是否重新挂载以前的页面/组件？
在React中，使用history.push和history.goBack进行页面导航时，不会重新挂载之前的页面或组件。
history.push用于将新的路由添加到历史记录中，并导航到该路由。这将触发新页面或组件的挂载过程，同时卸载当前页面或组件。
history.goBack用于返回上一个页面或组件，它会从历史记录中获取上一个路由，并导航到该路由。这也不会重新挂载之前的页面或组件，而是将其从历史记录中取出并重新渲染。
React使用虚拟DOM（Virtual DOM）来进行高效的页面更新，通过比较前后两个虚拟DOM树的差异，只更新需要更新的部分。因此，当使用history.push或history.goBack时，React会根据新的路由信息重新渲染页面或组件，而不会重新挂载之前的页面或组件。
需要注意的是，React中的组件在重新渲染时，会触发一系列的生命周期方法，如componentDidMount、componentDidUpdate等。这些方法可以用于处理组件的状态更新、数据请求等操作。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统和应用场景。详情请参考：腾讯云云服务器（CVM）
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，支持自动备份、容灾、监控等功能。详情请参考：腾讯云云数据库MySQL
相关·内容
1回答
我有一个简单的问题，关于在不重新呈现整个页面的情况下重新呈现一个功能性的react组件。在几个帖子中，人们在谈论：
history.push("/");
实际上，它重新呈现了我的组件，负责在DOM中加载数据的useEffect这是histo
浏览 2提问于2020-10-05得票数 1
回答已采纳
我想在调用API的地方存储组件，并在堆栈中获取数据，因此在推送新组件然后返回时，它应该保持它的状态。 我没有使用任何用于导航的包。
浏览 64提问于2020-04-11得票数 0
回答已采纳
2回答
从电子邮件到用户的订单列表页面的路径，如果未登录，将转到登录页面。如何登录后页面会转到订单列表页？当前登录后，页面将进入首页
浏览 26提问于2021-05-10得票数 0
2回答
我完全迷路了，想请教一下如何在我的应用中实现浏览器历史记录。 使用Router，我所拥有的只是一个单独的组件，它根据我所在的页面来分配页面。应用程序中的页面和文本是从api获取的，每当我单击按钮时，api都会再次被调用。 <Router><Route to="/" component={Body} />
...但当我在浏览器中按back时，
浏览 81提问于2021-09-02得票数 1
在我的App.js中，有许多组件包装在来自react-router-dom的Switch组件中import React from "react";
import Loadable fromreact-router-dom的Route组件，传入指定的component。，我都要在组件的挂
浏览 6提问于2022-07-25得票数 1
使用完全相同的设置，我遇到了这样的问题：history.push(url)更改了地址栏中的url，但是页面没有重新呈现。以前的解决方案建议将历史道具传递给component-page.js路由器，但在我的上一个应用程序中，我能够使用上面的设置，任何级别嵌套的子组件都可以调用useHistory钩子组件，如果它们设置得像上面的因此，我没有展示、App.js<
浏览 4提问于2021-09-14得票数 3
是否有一种方法可以保存React函数组件的位置的值，即使在卸载之后也是如此，这样一旦重新挂载，它的值就不会改变吗？
我是新来的反应。我的问题听起来可能很简单。我在这个位置发送一些会话值，下面是从另一个函数组件发送的函数组件ConsolePage。但是，当ConsolePage被卸载并再次挂载时，我以前发送的值将
浏览 3提问于2020-11-02得票数 0
我在我的应用程序中建立了一个专用的保护路径。它接受应该在路由上呈现的组件，检查用户是否经过身份验证，如果是，则呈现该组件。它可以工作，但它会导致组件多次挂载/卸载(调用我的app.js文件中的呈现函数的次数)。从我的app.js出发 <Route path='/groups
浏览 0提问于2018-02-01得票数 3
回答已采纳
1回答
假设我们有主页，A页，B页和C页。如果我这样做：这至少推动了历史对象中的3条路由。如果我重复这些步骤，将有6个项目。当直接通过history.push推送时，以及在使用Link与to支柱一起使用时，这是正确的。控制复杂性的唯一方法是检查前面的位置，然后执行history.goBack或history.push：。
问题是，管理history对象很快就会成为一项非常复杂的任务。只要添加一个在应用程序的</em
浏览 1提问于2019-11-16得票数 0
回答已采纳
2回答
我可以在组件中进行如下所示的提取：var [page,setPage] = useState();
return () => { }我调用我的后端来获取所有的页面，这很好，就好像我重新编码了它将呈现的</em
浏览 7提问于2020-05-25得票数 1
回答已采纳
14回答
我正在使用[react-router-v4][1]<Router> <Link to="/"><div className="routerStyle"/Page2" component={Page2}/> &
浏览 13提问于2017-10-11得票数 123
回答已采纳
1回答
我将更新header组件，其中header组件具有名为App的父组件。如果用户已连接，我将更新接收道具的header组件中的HTML，但我需要重新加载以对header组件进行更改，我不知道是否遗漏了什么…… Header.js import React from 'react在这里我使用的是重定向组件到主页，这里不会更
浏览 21提问于2020-09-07得票数 0
我试图在收到响应数据和进入另一个页面后显示模式弹出。正确地实现这一点很热吗？ actionGetDataInfoLoading({ id }), }), modals.getModa
浏览 2提问于2019-04-26得票数 0
我正在使用redux-thunk来处理我对数据库的异步POST api调用来添加数据。我有一个父组件和一个嵌套组件。父组件包含我的数据网格，即AG React数据网格。我将从包含数据网格的父组件切换到包含用于将数据输入到数据库中的表单的组件。异步调用完成后，我想路由回包含网格的原始视图(网格和输入表单嵌套到父组件中，并且我使用<
浏览 3提问于2022-03-01得票数 0
3回答
我正在用React编写一个CRUD应用程序，我想使用'Axios‘重新加载当前的路由，其中包含delete请求之后的对象的'id’和'name‘。当我删除一个对象时，页面不会重新加载，显示的数据与删除前相同。我尝试过history.push，但它不起作用。这实际上是我想要做的：history.push(/addScenarioDetail&#
浏览 40提问于2019-12-13得票数 2
问题具体来说，我有一个远程服务调用，它在组件条目上触发。我不希望组件重新装入，也不希望服务调用重新运行(它很慢)。
无论发生什么，history.push(location.pathname + '?'是否有更好的方法来跟踪用
浏览 9提问于2020-07-15得票数 6
回答已采纳
1回答
当另一个组件更改查询/搜索字符串时，我需要一个组件来重新呈现。要更改我使用的history.push()的url： private updateURL(date: Date) { public render(){
return <Linkthi
浏览 5提问于2019-03-22得票数 2
回答已采纳
问题描述重定向到"history.push“本身的另一个页面的效果很好。“将数据传递给组件时，当我试图使用组件中的"props.location.state”访问它时，“无法读取未定义的属性‘状态”。app.<em
浏览 5提问于2019-10-30得票数 2
1回答
我有一个带有react-router-dom的应用程序，并使用BrowserRouter组件。在应用程序中，我有路由/query-builder，它本质上是通过从表中挑选值来构建查询字符串等。一旦用户构建了查询字符串，他们就可以通过来自react-router-dom和history.push('/search?我想知道的是，是否可以通过浏览器的后退按钮导航回/query-builder路由，并
浏览 0提问于2020-05-14得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
