这篇文章主要介绍了React返回页面的方式有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇React返回页面的方式有哪些文章都会有所收获，下面我们一起来看看吧。
React返回页面有3种方式，分别是：1、通过“this.props.history.push('/home');”方式返回到上一级页面；2、通过“this.props.history.replace('/home');”方式返回页面；3、通过“window.history.back(-1);”返回页面。
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>
<h2>{ this.props.title }</h2>
</div>
);
}
}
export default Header;
关于“React返回页面的方式有哪些”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“React返回页面的方式有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云搜网行业资讯频道。
