React返回页面的方式有哪些

这篇文章主要介绍了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返回页面的方式有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。