- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- React返回页面有多少方法，代码是什么
React返回页面有多少方法，代码是什么
Admin 2022-11-14 群英技术资讯 495 次浏览
这篇文章给大家介绍了“React返回页面有多少方法，代码是什么”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。React返回页面有3种方式，分别是：1、通过“this.props.history.push('/home');”方式返回到上一级页面；2、通过“this.props.history.replace('/home');”方式返回页面；3、通过“window.history.back(-1);”返回页面。
本教程操作环境：windows7系统、react18.0.0版、Dell G3电脑。
React返回页面的几种方式？
react 移动端返回上一级页面的写法
移动端返回上一级页面的写法：
import React, {Component} from 'react';
import './style.less';
class Header extends Component {
clickBackHandler (){
// 返回到上一级页面的几种方法
//第一种 this.props.history.push('/home');
//第一种 this.props.history.replace('/home'); 但这两种方法都不好
//第三种方法,推荐使用
window.history.back(-1);
}
render() {
return (
<div id="common-header">
{/*Header 公共头组件*/}
<span className="back-icon">
<i className="icon-chevron-left" onClick={ this.clickBackHandler }></i>
</span>
<h1>{ this.props.title }</h1>
</div>
);
}
}
export default Header; 登录后复制 
这篇关于“React返回页面有多少方法，代码是什么”的文章就介绍到这了,更多相关的内容，欢迎关注群英网络，小编将为大家输出更多高质量的实用文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
jQuery中each的用法是什么，有什么要注意的？
each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等，这篇文章我们来了解jQuery中each的基本用法，下文有示例供大家参考，有需要的朋友可以看一看，接下来就跟随小编来一起学习一下吧！
-
怎样用js实现简易的五星好评功能？
现在很多商品都有售后评价，那么五星好评的功能是怎样实现的呢？这篇文章就给大家分享一下用用js实现简易的五星好评功能，实现效果及代码如下，感兴趣的朋友就继续往下看吧。
-
用ElementUI中的Table怎样让内容不换行呢
目录场景方式一方式二场景使用ElementUI中的Table 表格时，如果列内容超过列宽，会默认换行，如下这样看起来不美观，还有可能引起其它样式问题。那么如何解决呢？方式一使用Table组件自带的show-overflow-tooltip属性参数说明类型可选值默认值show-overflow-tooltip当内容过长被
-
如何用JavaScript实现生成唯一ID?
这篇文章给大家分享的是用JavaScript实现生成唯一ID方法，文中示例代码介绍的非常详细，而且进行了两版改进，有一定的参考价值，感兴趣的朋友可以了解看看，接下来一起跟随小编看看吧。
-
vue中引入jquery的方法是什么？怎样操作？
本文给大家分享的是vue中引入jquery的方法，下文有具体的操作步骤，有这方面需要的朋友可以参考了解看看，接下来我们就一起来了解一下要怎样做吧。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
