通过history.push传递的状态在重定向类中不可访问
是因为重定向操作会导致页面重新加载，重新加载会导致之前通过history.push传递的状态丢失。通常情况下，重定向类组件会丢弃之前的状态并创建新的组件实例。
为了解决这个问题，可以考虑以下几种方案：
- 使用URL参数传递状态：可以将需要传递的状态作为URL参数传递，并在重定向后通过props获取URL参数来恢复状态。
- 使用React Context传递状态：可以使用React Context来在组件之间共享状态，从而在重定向后能够访问到传递的状态。
- 使用Redux或其他状态管理工具：可以将需要传递的状态存储在全局状态管理工具（如Redux）中，在重定向后可以从全局状态中获取传递的状态。
在腾讯云的相关产品中，可以考虑使用Serverless Cloud Function（SCF）来处理重定向逻辑。SCF是一种无服务器计算服务，可以帮助开发者快速构建和部署云函数，提供了高可用、弹性扩展、按需付费等特点。通过SCF可以实现在重定向操作中传递状态的需求。
腾讯云SCF产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
我有一种情况，我必须从一个页面重定向到另一个页面，并将状态作为prop传递给重定向的页面。我已经使用了history.push，并试图以console.log(this.props.location.state.searchString)的身份访问它，但我在Property 'location我的history.push代码片段 class HomePageContent exte
浏览 7提问于2020-10-24得票数 0
我有一个具有特定路径的组件，让我们称它为bigComponent。在bigComponent中有几个较小的组件被切换到依赖于bigComponent的状态，我们将它们称为smallComponents。在其中一个smallComponents中，有一个指向具有onClose属性的第三个formComponent的链接，该属性为trigers history.goBack。我的目标是将用户重定向到smallCompon
浏览 5提问于2021-12-09得票数 -1
我使用的反应路由器挂钩导航useHistory。导航：history.push("/home", { update: true });但是update总是没有定义。
浏览 4提问于2019-12-24得票数 23
回答已采纳
1回答
用户登录后，我希望在标题中显示名称。我读过关于如何传递道具的文章，但我看到的是当您从另一个组件访问另一个组件状态时，这再次让您洞察另一个组件。如何在不呈现其他组件的情况下访问另一个组件的状态？在这里，我不想呈现标题组件洞察我的登录组件和好奇
在这里，我重定向是为了传递状态(但是由于我重定向到'/‘是主组件
浏览 1提问于2017-08-06得票数 1
回答已采纳
我试图使用基组件中定义的一些数据从基本组件推送到另一个组件，这些数据以params形式发送给history.push。</div>)}这是个转折。如果刷新页面，就可以看到正在显示的数据，控制台可以正确地记录数据。不仅仅是刷新，而且如果我按后退按钮(
浏览 5提问于2017-08-08得票数 1
我使用history.push重定向到我想要的url，并通过included状态将信息传递给下一个路由，如下所示：history.push({pathname: '/someurl/', foo: bar})
在JavaScript中，这完全符合预期。literal may only sp
浏览 0提问于2021-12-01得票数 0
我希望执行一个网络请求--如果值不是未定义的，它将在组件挂载时未定义，当用户通过使用location内部的状态重定向时传递该值--我将使用history.push(route, state);将该状态传递给组件考虑到下面的代码，我只发布了相关的代码，因为其他行与问题无关。正如您在下面看到的，如果执行等式检查的数据不是未定义的，则我正在发出网络请求，这在用户
浏览 1提问于2018-09-26得票数 0
回答已采纳
1回答
我有一个用例，在这个用例中，我使用useHistory钩子在组件之间重定向和传递状态。/* first component */
const history = useHistory();
history.push('/nextroute') /* redirects to the third component *&#
浏览 5提问于2020-07-16得票数 0
回答已采纳
2回答
在执行fetch查询后，我正在尝试实现重定向。我希望能够通过将数据传递到下一个组件(页面)。会是这样的： /* ... */ pathname: '/page', })
然后在接收方中检索状态，假设接收方是基于类<
浏览 2提问于2020-02-14得票数 0
回答已采纳
在“应用程序”中，我有一些运行良好的路线，其中一个是‘登录’，一个是‘订阅’和一个是‘会员’。“成员”组件就像“App”与其他路由一样，仅供连接的成员使用。当成员登录时，将根据帐户状态对成员页进行重定向。如果成员使用临时密码登录，则将其重定向到“订阅”的密码步骤。现在，当用户单击编辑字段以更改密码时，我希望从“Account”组件进行相同的重定向，然后使用相同的代码。但这不管用。我正确地重定
浏览 1提问于2022-03-10得票数 0
回答已采纳
我需要通过history.push访问作为道具从一个组件传递到另一个组件的数据，当页面重新加载时，数据变得没有定义，而且我不想使用redux，所以任何人都有suggestion..Thankyou！
浏览 5提问于2022-02-27得票数 -1
下面是我的代码，我从api中获取数据，成功后我将在set_ProductDetails中设置状态响应。我希望将响应状态传递给不同的组件和不同的页面，并将结果绑定到数据。} catch (e) { } history.push
浏览 5提问于2022-04-07得票数 0
回答已采纳
我通过onClick事件上的history.push()传递状态，如下所示 <Component history.push({ search: query, })/> 我在一个钩子中使用state作为依赖项来访问state。
浏览 28提问于2021-07-02得票数 0
如何在/开始-声音上播放声音，在/停止-声音上停止声音？useHistory();
const sound = new Audio("test.mp3"); history.pushstop-sound", [sound]);/停止音 sound.pause();}
此代码将在浏览
浏览 1提问于2019-12-24得票数 2
演示：Alice登陆/page1/tab1 (单击顶部的开始链接)Alice单击"Nav“按钮。我们将她重定向到/page2/tab1 (希望page2中有一个tab1 )--我们发现tab1对page2不可用，因此我们将Alice重定向到默认的page2选项卡tab2，并在状态中使用“最新”页面值(预期: page2；实际: page1)
问题是，在第二个<
浏览 1提问于2021-03-15得票数 0
2回答
如何在从一个页面重定向到另一个组件时将道具传递给另一个组件。
单击“视图按钮”时，我希望将details状态传递给另一个组件，即{分页}，该组件将在新页上打开。我正在尝试用url <Route path="/detilaing" exact component={PAGING} />打开新页面上的分页组件。
浏览 4提问于2020-05-12得票数 0
回答已采纳
我有两个独立的组件，名为登录和主页。我在登录组件中使用了mapStateToProps来传递数据。loginData: state.agent };从登录组件单击按钮将导航到我们的主页我想获取并显示家庭组件中的所有'loginData‘值。我已经在家里试过this.props.loginData了。但没有拿到商店的数据。对此有什么建议
浏览 0提问于2018-12-18得票数 0
回答已采纳
在React中，我尝试使用history.push传递路径名和另一个参数。当它执行时，应用程序重定向到指定的页面，但状态未定义，因此我无法获得其他参数。react-router-dom";function handleSubmit(event) { history.pushprops) => {
consol
浏览 3提问于2021-09-12得票数 2
回答已采纳
在官方上，它说要访问传递到重定向到的组件中的状态，可以使用this.props.location.state如何在重定向的组件中访问传递的状态？
浏览 21提问于2020-05-24得票数 0
使用react路由器dom v 5，并且我对react的了解很少，我仍然不知道我遗漏了什么。我的一些页面要求用户在进行评估之前进行身份验证。因此，我想要这样一种情况，即用户试图评估任何需要他登录的页面，首先，他被重定向为登录。在他登录后，我希望他被重定向到他试图访问的页面。在任何希望用户登录的页面中，我都会在useEffect中使用以下内容：
浏览 5提问于2022-01-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
