移动端返回上一级页面的写法:
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;
![7e68ce65b1f7dfbe013e41e65f12756d.png](https://img-blog.csdnimg.cn/img_convert/7e68ce65b1f7dfbe013e41e65f12756d.png)
效果是可以实现的
window.history.back(-1);