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;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

Vue.js与React主要区别在哪？（附示例）

react语法中如何移除节点

react开发打包build发现路径不对解决

nginx部署react刷新出现404如何解决

reactjs如何做一个五星评价功能

标签： react

上面是“react介绍几种返回页面的简单写法”的全面内容，想了解更多关于 reactjs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2552.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！