react介绍几种返回页面的简单写法

react如何返回到上一级页面，下面web建站小编介绍几种返回页面的简单写法！

代码如下：

import React, {Component} from 'react';

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;