AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

React返回上个页面

2023-08-24 138
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： React返回上个页面

一个小问题，记录一下。正常页面跳转使用的是react-router，但是总有一些情况需要使用一些别的跳转方式。

我使用的跳转页面方式是下面这种。

this.props.history.push('/admin/user/info/' + userId)

同样返回上一级也可以使用上面的代码，但是当从不同的地方进入到这个页面时，返回的时候只想返回到跳转页面之前的页面那该怎么写呢？so easy

window.history.back(-1)

这种方式在react下同样适用，效果就相当于点击浏览器的返回按钮。


文章标签：
前端开发
关键词：
React Native页面
react.js页面
song19990524
目录
相关文章
嘘~！
|
8月前
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
嘘~！
221 2
憧憬blog
|
8月前
|
资源调度 JavaScript 前端开发
React-Router 5.0 制作导航栏+页面参数传递
React-Router 5.0 制作导航栏+页面参数传递
憧憬blog
61 0
六卿
|
4月前
|
前端开发 JavaScript
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。
六卿
290 2
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
六卿
|
4月前
|
前端开发 JavaScript UED
react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求
在React或Vue中，若需在更改用户所属组后更新页面所有数据但不刷新整个页面，可以通过改变路由出口的key值来实现。在用户切换组成功后，更新key值，这会触发React或Vue重新渲染路由出口下的所有组件，从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁，提供了更流畅的用户体验。
六卿
60 1
react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求
六卿
|
4月前
|
前端开发
React页面跳转取消上一个页面的所有请求
React页面跳转时取消上一个页面的所有axios请求，通过axios拦截器设置cancelToken，并在页面跳转时调用cancel函数取消未完成的请求。
六卿
66 2
六卿
|
4月前
|
前端开发 JavaScript
React配合axios请求拦截校验session，403跳转至登陆页面
React中使用axios进行请求拦截，通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
六卿
121 2
1941623231718325
|
8月前
|
数据采集 资源调度 前端开发
React的服务器端渲染：使用ReactDOMServer进行高效页面预渲染
【4月更文挑战第25天】使用ReactDOMServer，React支持服务器端渲染以实现高效预渲染。通过在Node.js环境中将React组件转化为HTML字符串，减少客户端JavaScript负载和渲染时间。优点包括更快首屏加载、改善SEO和兼容无JavaScript环境，但也会增加服务器负载、复杂性和状态管理挑战。开发者需根据项目需求平衡SSR和CSR。
1941623231718325
268 1
叫我兔兔酱
|
8月前
|
前端开发
探索React页面导航：不只有React Router
探索React页面导航：不只有React Router
叫我兔兔酱
105 0
卡尔特斯
|
8月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由，并支持重定向路由，路由守卫等（使用 useRoutes 完成）...
React 像 vue 一样配置页面路由，并支持重定向路由，路由守卫等（使用 useRoutes 完成）...
卡尔特斯
103 0
卡尔特斯
|
8月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由，并支持重定向路由，路由守卫等（使用 useRoutes 完成）
React 像 vue 一样配置页面路由，并支持重定向路由，路由守卫等（使用 useRoutes 完成）
卡尔特斯
68 0