2024年09月26日 建站教程
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;
本文链接：http://so.lmcjl.com/news/13970/