首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用react-router 4的模式行为后退/前进按钮

使用react-router 4的模式行为后退/前进按钮
EN

Stack Overflow用户
提问于 2018-04-22 15:35:37
回答 1查看 529关注 0票数 1

我有一个使用React Router 4的React应用程序。登录模式用于验证用户身份。为了支持我得到的UX要求,我需要让back按钮关闭模式。

我能够使用一个简单的推送状态实现一个支持这一点的登录模式:

代码语言:javascript
复制
const {history,location} = this.props
const nextState = {showLogin: true}
history.push({...location, state: {...location.state, ...nextState}})

行为按预期工作。然而,…如果按下“前进”按钮没有重新打开模式,那将是最理想的。

我看不到一种方法可以用react路由器从历史记录中弹出一个位置。但我想要做的是监听路由更改,如果location.state更改回showLogin模式是假的,但位置是相同的,它会将之前的位置从历史记录中弹出。

EN

回答 1

Stack Overflow用户

发布于 2018-04-22 16:04:41

在使用back.This方式时使用history.replace('')而不是history.push(''),现有登录路由将从历史堆栈中被替换

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49963627

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档